#Figma

デザインツールFigmaが、新たなバリアブル項目へのバインドを可能にする機能追加を発表しました。これにより、インナーシャドウ、ドロップシャドウ、レイヤーブラー、背景ぼかし範囲といったエフェクトの設定項目や、線の太さ、レイアウトグリッド、レイヤー不透明度のそれぞれ数値や色にバリアブルをバインドすることができるようになります。具体的には、インナーシャドウやドロップシャドウでは、位置のX座標、Y座標、ぼかしの範囲、広がりの4つの項目、そしてエフェクトの色がバインド対象となるそうです。また、レイヤーブラ

Figmaで作ったデザインに間違って変更を加えてしまわないようにするために便利なオブジェクトのロック機能。変更を加えたくない時は便利な一方、ロックされたオブジェクトはキャンバス上で普通に選択することができず、エクスポートしたい時やプロパティを確認したい時にはやや不便ですよね。Figma画面左の一覧パネルからロックされているオブジェクトを探した経験のあるひとも多いのではないでしょうか？そんな時には、『Command ⌘』キーを押しながらロックされたオブジェクトの上を右クリックしてみてください。カー

Figmaが9月から毎週木曜日にリリースしていた「小さくても大きなアップデート」ですが、今回はフィナーレとして20以上のアップデートがまとめて発表されました。これまでに公開された42のアップデートはFigma Communityで公開されているLittle Big Updates Weekly H2 2023それぞれのアップデート内容のデモ動画と解説を見ることができます。また、今回unprintedでは非公式の日本語訳ファイル【日本語訳】Little Big Updates Weekly H2

7日、AI技術を使ったFigJamの新機能が公開されました。今回公開された新機能は以下の３つで、FigJamを使った会議の開始をスムーズにしてくれるテンプレート作成機能や、付箋の内容をまとめる作業を効率化してくれるものとなっています。プロンプトによるテンプレートの生成付箋の自動並び替えとグルーピング付箋の内容の自動要約出典: Figma製品の最新情報とリリースノート

Figmaのブログにて、FigmaとAdobeのコラボレーションによって可能になるかもしれない、いくつかの「もしも」のシナリオが紹介されました。これらのシナリオは、FigmaとAdobeチームが合同で構想したとのことです。AdobeによるFigmaの買収に関しては賛否両論あるものの、それぞれのチームがこの2社のコラボレーションがデザイン業界に与えるポジティブな影響に期待していることが伺えますね。以下に、今回展開された「もしも」のシナリオを紹介します。FigJamへのFireflyの統合が行われれ

Figmaが9月から毎週木曜日にリリースすると発表している「小さくても大きなアップデート」の第五弾が公開されました。今回のアップデートはカラーピッカー関連の改善をはじめとした以下の4つです。ブレンドモードにPlus DarkerとPlus Lighterが追加カラーピッカーの数値をマウスドラッグで変更できるように透過度情報付きの8桁Hexカラーコードに対応テキストが文字ごとに分けてアウトライン化されるようにブレンドモードに「Plus Darker」と「Plus Lighter」が追加Plus D

デザイン・プラットフォームを提供するFigmaと、教育向けサービスを展開するGoogle for Educationが協働し、日本の小中高校向けの教育プログラムの提供を開始しました。このプログラムでは、Web上で共同編集が可能なFigmaとFigJamがGoogle for Education上で無償で提供されます。このプロジェクトは、デジタルリテラシーを児童・生徒に早い段階で身につけることを目指しています。また、FigmaとFigJamは、デザイン思考の柱である問題解決、コミュニケーション、コ

Figmaが9月から毎週木曜日にリリースすると発表している「小さくても大きなアップデート」の第四弾が公開されました。今回のアップデートは細かな操作性を改善する以下の4つです。オブジェクトの間隔確認時にオフセットも表示されるようにエフェクト削除時の操作性が改善オートレイアウトで最小・最大サイズ超過時の警告表示が追加フレームとセクションの名前に矢印のリガチャが使用可能にオブジェクトの間隔確認時にオフセットも表示されるようにOptionキーを押しながらオブジェクトの間隔を確認する際にオフセット距離が表

Figmaが9月から毎週木曜日にリリースすると発表している「小さくても大きなアップデート」の第三弾が公開されました。今回のアップデートはさまざまなコピー&ペーストの改善を含む以下の4つです。バージョン履歴から特定のフレームやグループをコピーすることが可能にクイックアクションからフレームのURLコピーが可能に文字を選択してURLを貼り付ける際にリンクとしてではなく文字列としての貼り付けを選択可能に2x、3xなどを使用したエクスポート時にサイズが合わなくなる問題を修正バージョン履歴から特定のフレーム

Figmaが9月から毎週木曜日にリリースすると発表している「小さくても大きなアップデート」の第二弾が公開されました。今回のアップデートはFigJamの改善を始めとした以下5つです。FigJamへの動画埋め込みが可能にYouYubeやSpotifyプレーヤーなどの埋め込みコンテンツの操作UIがアップデートFigJamのフォトブース機能の画質・音質が改善FigmaとFigJamに300以上の新しい絵文字が追加（Unicode 14.0の絵文字に対応）FigmaとFigJamでチームメンバーのカーソル

Figmaが9月から毎週木曜日にリリースすると発表している「小さくても大きなアップデート」の第一弾が公開されました。今回のアップデートは以下4つのアセットパネルの改善です。アセット検索へのフィルター追加サムネイルがより見やすいサイズにコンポーネント名とバリアント数の表示モダールでのコンポーネントプレビューアセット検索へのフィルター追加特定のファイル、最近閲覧したファイル、デフォルトライブラリなどでアセットの絞り込みが可能に。アセットパネルのサムネイルがより見やすいサイズにアセットパネルに表示され

デザインプラットフォーム「Figma」を提供するFigma, Inc.の日本法人であるFigma Japan株式会社は、日本へのローカライズから1年で、日米イノベーションアワード「2023 SunBridge エマージング・リーダー賞」を受賞したと発表しました。この賞は、日米両国で大きな飛躍を遂げ、変革をもたらしている成長著しい企業を表彰するものです。Figmaは2022年7月に日本語版をリリース。これはFigma製品（Figma designとFigJam）において初の英語以外のローカライズと

Figmaでフレームやレイヤーをエクスポートする際に「2x」「3x」など、フレームのサイズの倍数でサイズを指定できることはよく知られていると思います。しかし、出力する画像のサイズをピクセル単位で指定することができることは意外と知られていないかもしれません。出力サイズをピクセル単位で指定する方法は以下のとおりです。Figmaを開き、エクスポートしたいフレームやレイヤーを選択します。右側の「デザイン」パネルの下部から「エクスポート」をクリックします。「+」アイコンをクリックして、新しいエクスポート設

Figma Japanは、デザインプラットフォーム「Figma」のコミュニティである「Friends of Figma（FOF）」が、これまでの東京から全国23地域・団体に拡大し、地域リーダーを任命して活動を加速すると発表しました。また、「Figma」のコミュニティ活動について、ファイルと全プロセスがウェブ上で行われることにより、チーム間でのデザインアセットの共有や連携が効率化され、ブレインストーミングからプロトタイプ制作、デバッグまでを網羅することができます。これにより、「Figma」ユーザー

21日、Figmaの年次ユーザーカンファレンス、Config 2023でデザインと開発をさらに近づけるための新機能や改善が発表されました。開発モード、バリアブル、高度なプロトタイプ作成など、デザイン、プロトタイピング、ビルドの各段階でチームに役立つ新機能を紹介します。開発モードバリアブル高度なプロトタイプオートレイアウトの改善フォント選択機能の改善ファイルブラウザの改善開発モード: デザインと開発の連携をよりスムーズに開発モードは、サイズや仕様、スタイル、アセットの検査ができるインスペクトや、C

Appleが、iOSとiPadOSのアプリデザインを効率よく作成するためのFigma向け初の公式デザインキットを公開しました。このデザインキットには、豊富なコンポーネントやビュー、インターフェース、テキストスタイル、カラースタイル、マテリアルやレイアウトガイドが含まれています。現在は、iOSとiPadOS用のコンポーネントのみ公開されていますが、今後段階的にmacOS Sonoma、 watchOS 10、tvOSやvisionOSといったAppleのその他のOSや、Apple Pay、App

Figmaでフレームやレイヤーを追加していくと「Rectangle 1」「Rectangle 2」のようにデフォルトの名前がつきますよね。それぞれのレイヤーに名前を付けて管理したい場合は「名前を変更」機能を使って名前を変えていくことが多いと思います。場合によっては、複数のレイヤーに同じ名前を付けて管理したい場合もあるのではないでしょうか？今回は、そんな時に役立つFigma Tipを紹介します。レイヤー名変更モーダルの使い方名前を変更したい複数のレイヤーを選択「コマンド ⌘ + R」で名前変更モー

Figma Japan株式会社は、事業拡大と人員増加を受け、2023年4月に日本オフィスを移転したと発表しました。新オフィスは東京都千代田区丸の内に所在し、アクセスや働きやすさに優れた環境を提供。Figma Japanは、米国サンフランシスコ発のデザインプラットフォーム「Figma」の日本法人で、2022年1月にアジア初の拠点として日本支社を開設しました。その後、2022年7月には英語以外の初めての言語としてFigma日本語版が発表され、日本のマーケットで急速に存在感を増しています。すでに楽天や

Figmaでデザインに画像を追加した後に、元画像の解像度を確認したり、画像を別ソフトで再編集したくなることはありませんか？実はFigmaには、Figmaのサーバーにアップロードされた元画像を開いてくれる機能があるのです。使い方は、画像のレイヤーを選択「インスペクト」タブを開く「インスペクト」タブの下の方にある画像の「ファイル名」リンクを選択これによってブラウザで元画像を開くことができ、画像のサイズ確認やダウンロードをすることができます。「インスペクト」内の機能であることから、エンジニアがオリジナ

Figmaに限らず、PC作業でコピー&ペーストを使うとき、「Command ⌘ + C」と「Command ⌘ + V」を使うのはもはや当たり前になっていますよね！毎日のように使うこのコピー&ペーストのショートカットですが、Figma上でコピーしたレイヤーやグループを「Command ⌘ + V」で貼り付けると、フレームの外にペーストされてしまったり、予想外の場所にペーストされてしまう現象に悩まされるデザイナーも多いのではないでしょうか？実は、Figmaには「ここに貼り付け」という機能があり、シ

ECサイトの商品一覧や動画視聴サービスの動画一覧画面など、Figmaに複数の画像を追加したいような場合、どのように追加していますか？一つずつレイヤーを選択して「塗り > 画像」を選択したり、一度すべての画像をFigmaに追加してから配置を調整するといった方法を使う人も多いのではないでしょうか？今回紹介するショートカットは、そんな時に便利な「複数画像を埋め込み先のレイヤーを選択しながらFigmaに追加」できる『Command ⌘ + Shift + K』です！このように、Figmaの画面上で『Co

14日、Figmaは『FigJam』にテーブル機能が追加されたことを発表しました。今回のアップデートでは、画面下のツール一覧の右端に「テーブル」アイコンが追加されており、こちらを使ってFigJam上にテーブルを追加することができます。もちろん、セルの色を変えることもでき、濃い背景色を選択すると文字色を自動で白に変更してくれます。このような細かいUXに配慮されているのが嬉しいですね。出典: 🍱 Structure your ideas with tables in FigJam

Figmaで作ったデザイン、またはその一部だけをちょっと画像として他のところに貼り付けたい時ってありませんか？画面デザインをMiroやパワーポイントに貼り付けるときなど、いちいちエクスポート機能を使って書き出すと時間がかかります...そんな時には、画像としてコピーしたいレイヤーやグループ、フレームを選択した状態で『Command ⌘ + Shift + C』のショートカットを使うと、選択した部分をpng画像としてクリップボードにコピーすることができます！一つのレイヤーやグループだけではなく、複数

7日、Figmaは『Figma Community』にてクリエイターがファイルやウィジェット、プラグインの販売をすることできる機能をリリースしたことを発表しました。このアップデートによって、クリエイターは外部Webサイトや支払いサービスを必要とせず、Figma Community内で自身の作ったリソースから収益をあげることができるようになります。また、買い切りでの販売のみならず、プラグインの販売ではサブスクリプション課金も可能となっており、リソースの種類に合わせた最適なマネタイズ方法を選択するこ