![figma-file-management-tips](https://images.ctfassets.net/ubv4j9m3121x/13kq5eYj0nYVWVqUeyIi7w/9894bee661b0dda6ead61bfda22b9d73/figma-file-management-tips.png?w=1200&h=630&q=50&fm=png)
Figmaのファイル管理がちょっと便利になるTips集
今回は、Figmaのファイル内での操作や管理をする上で便利なTipsをいくつか紹介します。
この記事のターゲット
Figmaのファイルを効率的に管理したい方
Figmaのファイル内の表示を最適化したい方
ファイル内のドキュメント整理
Figmaでファイル内のテキストを検索・一括置換する方法
今回はFigmaのファイル内のオブジェクト名やコンテンツ内のテキストを検索・置換する方法を紹介します。ファイル内で特定の文言を一括で置き換えたい場合や、UIコンポーネントをテキスト検索で引き当てたいときに便利です。 ... 続きを読む
![figma-text-find-and-replace-in-file](https://images.ctfassets.net/ubv4j9m3121x/16JfEFVD9PqBCD8kw8D0Wm/f38b43619ad2234e288cc080f2c95318/figma-text-find-and-replace-in-file.png?w=1200&h=630&q=50&fm=png)
Figmaでレイヤーやグループを自動整理できる「Clean Document」の使い方
今回は、Figmaでデザインモックなどを無計画に作った結果とっ散らかってしま ったレイヤーを、一瞬できれいに整理・整頓してくれるプラグイン「Clean Document」を紹介します。無駄なグルーピングやラベルと内容が一致していないテキストなどを一括で整理できます。 ... 続きを読む
![figma-clean-docment-plugin](https://images.ctfassets.net/ubv4j9m3121x/1njjVsLQbNEV9WCSJMbfHm/695fcf656815fbc1e250c6a700cdad07/figma-clean-docment-plugin.png?w=1200&h=630&q=50&fm=png)
Figmaファイルをローカルに書き出し・保存する方法
Figmaのファイルをローカルファイルとして書き出し・保存する方法を紹介します。保存したFigmaファイル(.fig)はFigmaにインポートできます。 また、ローカルのsketchファイル(.sketch)も同じ方法で取り込みが 可能です。 ... 続きを読む
![figma-how-to-save-local-file](https://images.ctfassets.net/ubv4j9m3121x/1Bm4Zxp6NnfHZVwkpBYulh/7704331d1999ae339c20896a149c0010/figma-how-to-save-local-file.png?w=1200&h=630&q=50&fm=png)
ファイルの表示設定
Figmaで画面タブを分割して2画面表示する方法
今回は、Figmaの画面タブを2画面に分割して表示する方法を紹介します。FigJamを眺めながらFigmaで画面レイアウトを作成したり、プロトタイプで画面全体を表示しながらコンポーネントを調整するなどの使い方ができます。 ... 続きを読む
![figma-how-to-separate-tabs](https://images.ctfassets.net/ubv4j9m3121x/7ntkw2cOst3vqKjHB2GcMB/7be8a337bc907396359009c39e94c888/figma-how-to-separate-tabs.png?w=1200&h=630&q=50&fm=png)
Figmaのファイルのサムネイルを設定・解除する方法
今回はFigmaやFigJamのカードビューのファイル一覧で表示されるサムネイルを設定する方法を紹介します。デフォルトではファイル内の描画領域がプレビュー表示されますが、統一したフォーマットでサムネイル設定することで目的のファイルを見つけやすくなるのでおすすめです。 ... 続きを読む
![figma-how-to-set-as-thumbnail](https://images.ctfassets.net/ubv4j9m3121x/gVOClBWxzXASnNCoU2EuG/fff0c38f244eeed3598290749f96a176/figma-how-to-set-as-thumbnail.png?w=1200&h=630&q=50&fm=png)
Figmaでコメントのバッジを非表示にする方法
今回は、Figmaのファイル上に投稿したコメント(アイコンバッジ)を非表示にする方法を紹介します。大量のコメントがついていてデザインデータが見辛くなっている時などに便利です。 ... 続きを読む
![figma-how-to-hide-comments](https://images.ctfassets.net/ubv4j9m3121x/1doMlbw2k3u7dBBQ4l86wu/1e49700e47c84027eec29d0fe22fae1b/figma-how-to-hide-comments.png?w=1200&h=630&q=50&fm=png)
Figmaでページを分ける区切り線を追加する方法
今回はFigmaの左ペインでページの区切り線(ディバイダー)を追加する方法の紹介です。巷ではページ名を「---」などにして空ページを擬似的に区切り線として運用されていましたが、アップデートにより明確にデ ィバイダーを追加できるようになりました。 ... 続きを読む
![figma-how-to-add-page-divider](https://images.ctfassets.net/ubv4j9m3121x/3XTfUdqEn9vgxZBwA3gQ3H/273abab719033f877bc54e510228aa7d/figma-how-to-add-page-divider.png?w=1200&h=630&q=50&fm=png)