Figmaの使いやすさを向上する設定のヒント

今回はFigmaやFigJamを使い始めた方が、もっと使いやすくなるかもしれない設定や機能のヒントをまとめました。非デザイナーの方で共有されたデザインを閲覧したり、タスクをスムーズに完了するのに役立てられればと思います。

この記事のターゲット

• Figma・FigJamを使い始めた方

• Figma・FigJamを使い始めたけど、最適な設定や機能の使い方のヒントが知りたい方

• 非デザイナーでFigma・FigJamに慣れていきたい方

UIの日本語化

Figma・FigJamのUIを以下の記事を参考にしてください。　

FigmaとFigJamを日本語に言語設定する方法

今回はFigma・FigJamで言語設定を英語から日本語に変更する方法を紹介します。2022年7月のアップデートで言語設定は英語と日本語に対応しています。2022年7月現在は表記ゆれが多く日本語翻訳が完璧とはいえないですが、英語表記に抵抗がある方におすすめです。 ... 続きを読む

グリッド・ガイドの表示

Figmaのデザインデータでグリッドやガイド（ルーラー）を表示したい場合は、以下の記事を参考にしてください。

Figmaでグリッドやガイド（ルーラー）を表示・非表示する方法

今回はFigmaでルーラー（定規）やグリッド（升目）を表示・非表示したり、アウトライン表示などの見た目を切り替える方法を紹介します。ガイドを作成したい場合や、誤ってショートカットキーを押してしまって元に戻したい時などの参考になればと思います。 ... 続きを読む

ローカルフォントの読み込み

Figmaでローカルフォントを読み込んだり、編集できないフォントのテキストがある場合は、以下の記事を参考にしてください。

FigmaでWindows・Macのローカルフォントを使う方法

FigmaでWindowsやMacなどのPCにインストールされているローカルフォントを利用したい場合の対応方法の紹介です。他者から共有されたFigmaファイルを開いたときに、ローカルフォントがインストールされているのにFigma上で認識されない場合にも有効な方法です。 ... 続きを読む

ファイルのサムネイルの表示

Figma・FigJamのファイルのサムネイルを設定する場合は、以下の記事を参考にしてください。

Figmaのファイルのサムネイルを設定・解除する方法

今回はFigmaやFigJamのカードビューのファイル一覧で表示されるサムネイルを設定する方法を紹介します。デフォルトではファイル内の描画領域がプレビュー表示されますが、統一したフォーマットでサムネイル設定することで目的のファイルを見つけやすくなるのでおすすめです。 ... 続きを読む

カーソル操作のデフォルト値の設定

Figmaのカーソル操作時の移動量や余白などのデフォルト値の設定は、以下の記事を参考にしてください。

FigmaのPaddingやカーソル移動のデフォルト値を設定する方法

今回はFigmaでオブジェクトをカーソル移動するときや、Auto layout使用時にPaddingに設定される値（10px）などの初期値を変更する方法を紹介します。デザインシステムなどを利用していて4や8の倍数を基準にしたい場合などにおすすめです。 ... 続きを読む

ファイルのレイヤーやグループの整理

Figmaのデザインデータのレイヤーやグループ名を一括で整理したい場合は、以下の記事を参考にしてください。

Figmaでレイヤーやグループを自動整理できる「Clean Document」の使い方

今回は、Figmaでデザインモックなどを無計画に作った結果とっ散らかってしまったレイヤーを、一瞬できれいに整理・整頓してくれるプラグイン「Clean Document」を紹介します。無駄なグルーピングやラベルと内容が一致していないテキストなどを一括で整理できます。 ... 続きを読む

ファイルのインポート・エクスポート

Figma・FigJamのファイルを保存したい場合は以下を参考にしてください。

Figma・FigJamのファイルをローカルに保存する方法

今回はFigma・FigJamで作成したファイルをローカルデータとしてPCに書き出し・保存する方法を紹介します。バックアップとして保持したい場合や、のっぴきならない事情でデータとして共有したい場合などに役立ちます。 ... 続きを読む

その他の設定や機能の使い方

上記以外の設定については、以下の記事も参考にしてみてください。

Figma初心者が使い方に困った時に試してほしいTips

今回は、納品されたり引き継いだFigmaのデザインデータを、修正・変更して再利用しようとした時によく発生するトラブルと、その対応方法をいくつか紹介したいと思います。 ... 続きを読む