Tips
Figmaなどのデザインツールを使用する上での基本的な操作方法や、役に立つテクニックを紹介しています。
![figma-text-bold-underline-shortcuts](https://images.ctfassets.net/ubv4j9m3121x/3AAm3PMvNlMwMiEibuFyVk/6afab1b2716261a79e431f1934d96659/figma-text-bold-underline-shortcuts.png?w=1200&h=630&q=50&fm=png)
Figmaのフォントスタイル内で部分的に太字や下線を適用するショートカット
2024.07.12
![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集
2024.06.07
![figma-how-to-change-screen-size-on-preview](https://images.ctfassets.net/ubv4j9m3121x/7sLrspCYUK9ZltgbsaOJir/2932fd1e676bbc7561c925416d3d6b4a/figma-how-to-change-screen-size-on-preview.png?w=1200&h=630&q=50&fm=png)
Figmaのプレビューで画面サイズの縦横比を維持する方法
2024.05.31
![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)
Figmaでページを分ける区切り線を追加する方法
2024.05.17
![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で画面タブを分割して2画面表示する方法
2024.05.03
![mhlw-career-consulting-2024](https://images.ctfassets.net/ubv4j9m3121x/6jGCAizJDK2ZWWYYyQ3806/b0a5d7c1fea03c213d3afc89cf8f4628/mhlw-career-consulting-2024.png?w=1200&h=630&q=50&fm=png)
専門実践教育訓練給付金を申請してみた:訓練前キャリアコンサルティング編(2024)
2024.04.26
![figma-figjam-how-to-change-cursor](https://images.ctfassets.net/ubv4j9m3121x/56uAuFNzswljlYpQlYaqG9/5447362f8b81120b82cc2b2e8b4add8f/figma-figjam-how-to-change-cursor.png?w=1200&h=630&q=50&fm=png)
FigmaやFigJamでカーソルを変更して遊ぶ
2024.04.12
![figma-figjam-how-to-make-ranged-comments](https://images.ctfassets.net/ubv4j9m3121x/5XCYyuDVJTbEiaDEUHDSCL/295d953ed99dc15b08036a9397bdfbf1/figma-figjam-how-to-make-ranged-comments.png?w=1200&h=630&q=50&fm=png)
Figmaで範囲指定してコメントをする方法
2024.04.05
![mhlw-how-to-create-job-card-2024](https://images.ctfassets.net/ubv4j9m3121x/4Dsft8pNV7k5yW1Ov83K7w/441975a8fa06b6c62fb4e7c4dc4f588c/mhlw-how-to-create-job-card-2024.png?w=1200&h=630&q=50&fm=png)
専門実践教育訓練給付金を申請してみた:ジョブカード準備編(2024)
2024.03.29
![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でコメントのバッジを非表示にする方法
2024.03.22
![mhlw-professional-practice-education-and-training-2024](https://images.ctfassets.net/ubv4j9m3121x/7h6c4zWcIqp5SeNDAlVOgf/d0554c9bdb67b99285671ac8b23d8180/mhlw-professional-practice-education-and-training-2024.png?w=1200&h=630&q=50&fm=png)
専門実践教育訓練給付金を申請してみた(2024)
2024.03.15
![figma-multi-edit-mode](https://images.ctfassets.net/ubv4j9m3121x/5IkvjQ6TmHbVYGR7zNB3UM/6e34415bcd52eccd58b879e40784a974/figma-multi-edit-mode.png?w=1200&h=630&q=50&fm=png)
Figmaで複数要素を一括選択して同時編集する方法
2024.03.08
![how-to-import-from-miro-to-figjam](https://images.ctfassets.net/ubv4j9m3121x/5eiyiKDRl2iYTI371MacKh/7292bda599dff7c8627e74fa1ee63d8c/how-to-import-from-miro-to-figjam.png?w=1200&h=630&q=50&fm=png)
Miroのデータをなるべく壊さずにFigJamに取り込む方法
2024.02.02
![figma-how-to-create-dialog](https://images.ctfassets.net/ubv4j9m3121x/5s9jOUuNjrlVAQD806c1XV/fd7f75f7ca50a2e5bfce88f57cbd6bd3/figma-how-to-create-dialog.png?w=1200&h=630&q=50&fm=png)
Figmaでシンプルなダイアログ・コンポーネントを作る方法
2024.01.12
![figma-auto-layout-tips](https://images.ctfassets.net/ubv4j9m3121x/2dwHW5YmGhyr9fudAa4lJG/6e186b364724257a3c63e4a4e8455e0b/figma-auto-layout-tips.png?w=1200&h=630&q=50&fm=png)
Figmaのオートレイアウトで使える便利なテクニック集
2023.12.22
![figjam-how-to-use-mindmap](https://images.ctfassets.net/ubv4j9m3121x/14ETIRLSj8P9xjXbklI11M/65742c0059ac1c3538d4f6ddaf15f0d9/figma-how-to-use-mindmap.png?w=1200&h=630&q=50&fm=png)
FigJamのマインドマップの基本的な使い方
2023.12.15
![figma-google-meet-addon](https://images.ctfassets.net/ubv4j9m3121x/5bjK5Xpz1zcBMmOntD87Pm/779637fce63cbbe31c9b3ffed4496793/figma-google-meet-addon.png?w=1200&h=630&q=50&fm=png)
Google Meetの参加者でFigJamを共同編集する方法
2023.12.02
![figma-figjam-text-list-style](https://images.ctfassets.net/ubv4j9m3121x/53o3tWY5VviXEzFaF6Tza9/4989dc796227581ffb3d17ac8fdc05be/figma-figjam-text-list-style.png?w=1200&h=630&q=50&fm=png)
Figmaのテキストを階層のある箇条書きリストにする方法
2023.11.03
![figma-how-to-use-canvas-stacking](https://images.ctfassets.net/ubv4j9m3121x/1WZ7papXMsXi5GdCiGfKNQ/b2d702cf47f56c2f743df68ee621ca33/figma-how-to-use-canvas-stacking.png?w=1200&h=630&q=50&fm=png)
Figmaでオートレイアウト上の要素の重なり順を逆転する方法
2023.10.27
![figma-how-to-use-absolute-potision](https://images.ctfassets.net/ubv4j9m3121x/23X8zHRn2ynr1IJiuxDhBA/a26ae883ba5081181a2ce12fa131a4db/figma-how-to-use-absolute-potision.png?w=1200&h=630&q=50&fm=png)
Figmaでオートレイアウトを無視して要素を自由に配置する方法
2023.10.13
![figma-how-to-use-alignment](https://images.ctfassets.net/ubv4j9m3121x/7lCRZ8XrpnJRVvhGxrWlqB/fdb6fe70e53c76445f9538ab90a9f9ee/figma-how-to-use-alignment.png?w=1200&h=630&q=50&fm=png)
Figmaでオブジェクトを整列・均等配置する方法
2023.09.29
![figma-layout-design-tips](https://images.ctfassets.net/ubv4j9m3121x/43z3W7vRwUyfR36GVl9Jqm/b4b8523f686044bf604272bf3875ab96/figma-layout-design-tips.png?w=1200&h=630&q=50&fm=png)
Figmaの画面レイアウトや配置に関する機能のまとめ
2023.09.15
![figma-mindmap-widget](https://images.ctfassets.net/ubv4j9m3121x/fHw6XawUPeXxBMmitNa5L/cf5dff333b90ad4b4f50a42962fa942e/figma-mindmap-widget.png?w=1200&h=630&q=50&fm=png)
Figma・FigJamで使える「Mindmap(Beta)」ウィジェットの紹介
2023.09.08
![figma-components-tips](https://images.ctfassets.net/ubv4j9m3121x/27mtGPNVz4muIaM5MJjaLZ/c1b70d27a1e808f4676cccaab93c2da3/figma-components-tips.png?w=1200&h=630&q=50&fm=png)
Figmaのコンポーネント機能の使い方まとめ
2023.08.18
![figma-how-to-setting-scroll](https://images.ctfassets.net/ubv4j9m3121x/7ihoGXh5toNxcrD5MrwO9J/8cf801f7c6c29cfebc7e377086c4c847/figma-how-to-setting-scroll.png?w=1200&h=630&q=50&fm=png)
Figmaのプロトタイプのスクロール制御に関する設定
2023.08.04
![figma-useful-text-tips](https://images.ctfassets.net/ubv4j9m3121x/1zEHxcsVaZvOp8BragBd5t/3af0468d81eae9dfbbb39bc98ffd1a97/figma-useful-text-tips.png?w=1200&h=630&q=50&fm=png)
Figmaでテキストを使った便利なテクニック集
2023.07.28
![figma-turncate-text](https://images.ctfassets.net/ubv4j9m3121x/74myaQ0mbbMHmPm6wJzaYn/bf5b6cdac21b28641a47031fa1810192/figma-turncate-text.png?w=1200&h=630&q=50&fm=png)
Figmaでテキストを行数で自動的に省略表示(…)する方法
2023.07.14
![figma-auto-layout-wrap](https://images.ctfassets.net/ubv4j9m3121x/1JepWVan7udAsfPsmWAd3U/2c834905ec61238e048258c46f42c3b7/figma-auto-layout-wrap.png?w=1200&h=630&q=50&fm=png)
Figmaのオートレイアウトで折り返しできる「Wrap」の使い方
2023.07.07
![figma-interactive-components](https://images.ctfassets.net/ubv4j9m3121x/325n1JRAO3aqcUCBp0m7R8/82d2b6a6ea329da5f68cf7365f8c7456/figma-interactive-components.png?w=1200&h=630&q=50&fm=png)
Figmaで作れるインタラクション付きコンポーネント集
2023.04.14
![figjam-how-to-edit-table-and-csv](https://images.ctfassets.net/ubv4j9m3121x/1gQm9iRDrYcdJkwsZdSIAs/e3c0e84bb148577e2883b951fef8fa7f/figjam-how-to-edit-table-and-csv.png?w=1200&h=630&q=50&fm=png)
FigJamで表形式のテーブル(CSV)を追加・編集する方法
2023.03.24
![figma-integration-tips](https://images.ctfassets.net/ubv4j9m3121x/2hTdskAuhts2UN4fbI63xr/be66a42da2fd32eff65711229690939b/figma-integration-tips.png?w=1200&h=630&q=50&fm=png)
Figmaとの連携で便利な外部ツールの使い方
2023.03.17
![figma-how-to-insert-icons-into-text](https://images.ctfassets.net/ubv4j9m3121x/5aJyLm1YNPUGxJueopvA4F/2afa7e3312e35c455733e63719357f5d/figma-how-to-insert-icons-into-text.png?w=1200&h=630&q=50&fm=png)
Figmaでテキスト内にアイコンを挿入する方法
2023.02.24
![figma-how-to-use-auto-layout](https://images.ctfassets.net/ubv4j9m3121x/N27WoAph2e6hLgn5rnxH4/b1736c479d11ef318de6b75e7596c642/figma-how-to-use-auto-layout.png?w=1200&h=630&q=50&fm=png)
Figmaのオートレイアウトの基本的な使い方
2023.02.17
![notion-import-content-iframe](https://images.ctfassets.net/ubv4j9m3121x/1z2kKuFsqnceWYj8hPJsXp/5217f50a11c83190519aba968f6c0740/notion-how-to-automatically-generate-recurring-notes.png?w=1200&h=630&q=50&fm=png)
Notionのページにiframeを埋め込み表示する方法
2023.02.03
![figma-delete-component-and-variants](https://images.ctfassets.net/ubv4j9m3121x/6jHLL1t6heV874pNA2OKws/10eb4a97ce852a3283fd860f520325ca/figma-delete-component-and-variants.png?w=1200&h=630&q=50&fm=png)
Figmaのコンポーネント化を解除・削除する方法
2023.01.27
![figma-google-calender-addon](https://images.ctfassets.net/ubv4j9m3121x/3T3b9pAKXL3J7llXnK29IC/8e1c4fc723994c3d715f77119937f720/figma-google-calender-addon.png?w=1200&h=630&q=50&fm=png)
GoogleカレンダーのイベントにFigma/FigJamのリンクを同期する方法
2022.12.16
![figma-notioin-efficiency-of-meeting-minutes](https://images.ctfassets.net/ubv4j9m3121x/5wbjVthVGh09cxxrPwu8Cv/90e950eb1ab49effdc593f545958a98d/figma-notioin-efficiency-of-meeting-minutes.png?w=1200&h=630&q=50&fm=png)
FigmaとNotionで会議をなめらかに進行するための議事録Tips
2022.12.09
![figma-how-to-emmbed-preview-at-external-site](https://images.ctfassets.net/ubv4j9m3121x/4Ab3gGytyxks0d2LIZgONM/b256b7f22e7b4550167e300c16f08afc/figma-how-to-emmbed-preview-at-external-site.png?w=1200&h=630&q=50&fm=png)
Figmaのデザインデータを外部ツール上でプレビューする方法
2022.12.02
![notion-how-to-automatically-generate-recurring-notes](https://images.ctfassets.net/ubv4j9m3121x/2ZKntM4sZTbX8jVKHdOboy/728757bd6b4140c865c6d81441251244/notion-how-to-automatically-generate-recurring-notes.png?w=1200&h=630&q=50&fm=png)
Notionで定期的なTodoや議事録を繰り返し自動生成する方法
2022.11.25
![figma-how-to-create-objective-model](https://images.ctfassets.net/ubv4j9m3121x/6OZn4PjsG3gCMwD9XsQIJK/a9b518076bbaa31995d668e84efaab80/figma-how-to-create-objective-model.png?w=1200&h=630&q=50&fm=png)
Figmaで効率的にオブジェクトモデルを設計する方法
2022.11.11
![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でファイル内のテキストを検索・一括置換する方法
2022.10.07
![figma-nested-instance-property-setting](https://images.ctfassets.net/ubv4j9m3121x/3NBR5g0DgrzxoiwUOpNc45/fcdb8d0c92081a4577e92942dedda543/figma-nested-instance-property-setting.png?w=1200&h=630&q=50&fm=png)
Figmaでコンポーネントに内包されたインスタンスのプロパティを効率的に変更する方法
2022.09.23
![figma-useful-settings](https://images.ctfassets.net/ubv4j9m3121x/3WqJWq2IAGnTnWk2T0D1S8/6b818dcfc6d603385e0d20445fa84b0f/figma-useful-settings.png?w=1200&h=630&q=50&fm=png)
Figmaの使いやすさを向上する設定のヒント
2022.09.16
![figma-how-to-save-local-file](https://images.ctfassets.net/ubv4j9m3121x/16z7Uq6hhMaELHbAW10jdX/7c421d732c1da125fe0c2876bf39d05d/figma-how-to-save-local-file.png?w=1200&h=630&q=50&fm=png)
Figma・FigJamのファイルをローカルに保存する方法
2022.09.09
![figjam-make-works-fun-tips](https://images.ctfassets.net/ubv4j9m3121x/196XmMLBZDbKIW7LyWWzZT/a5a0ec8103f70ba3846714685e280bce/figma-figjam-collaboration-tips.png?w=1200&h=630&q=50&fm=png)
FigJamでの議論を盛り上げるためのTips
2022.08.27
![figjam-stamp-sticker-emoji](https://images.ctfassets.net/ubv4j9m3121x/4Cw682XV24L8VISeZa8FBK/3e93e0e6983bd00cef3e2ab0e3006e62/figjam-stamp-sticker-emoji.png?w=1200&h=630&q=50&fm=png)
FigJamで絵文字やスタンプを使う方法
2022.08.19
![figjam-how-to-use-washi-tape-tool](https://images.ctfassets.net/ubv4j9m3121x/7CjBToq6HytC9oKcCr2wVF/294db25fecd74bd5d2b47e512ab9cb9f/figjam-how-to-use-washi-tape-tool.png?w=1200&h=630&q=50&fm=png)
FigJamでマスキングテープツールを使う方法
2022.08.12
![figma-figjam-how-to-setting-language-japanese](https://images.ctfassets.net/ubv4j9m3121x/74rlcRDDCZNM8BJiOn3WBe/6bddbe521e4cb3a0738de5d88f6d71f3/figma-figjam-how-to-setting-language-japanese.png?w=1200&h=630&q=50&fm=png)
FigmaとFigJamを日本語に言語設定する方法
2022.08.05
![figJam-how-to-export](https://images.ctfassets.net/ubv4j9m3121x/3MhgvmbhWo33VjDu2pgQUR/60e2bf71159cab57b2c5f6004f68bcf9/figJam-how-to-export.png?w=1200&h=630&q=50&fm=png)
FigJamの付箋やフローチャートをまとめて書き出す方法
2022.07.22
![figma-figjam-collaboration-tips](https://images.ctfassets.net/ubv4j9m3121x/1NuWgpalmKqZLjrfY2ndYM/1797a4bd493c7f3d4ef64ba2f5e0f47f/figma-figjam-collaboration-tips.png?w=1200&h=630&q=50&fm=png)
Figmaを使って複数人で円滑にコラボするためのTips
2022.07.15
![figma-set-small-and-big-nudge-values](https://images.ctfassets.net/ubv4j9m3121x/68XotNqjjJSjOMtv0lR2b0/a465264c9bfb44d26dc3bceab8889df5/figma-set-small-and-big-nudge-values.png?w=1200&h=630&q=50&fm=png)
FigmaのPaddingやカーソル移動のデフォルト値を設定する方法
2022.07.08
![figma-how-to-use-widget](https://images.ctfassets.net/ubv4j9m3121x/NB0MzcDlebfskpZDaUbC9/bc40e92b05c7bdcc7ad3ce517b1b7f9d/figma-how-to-use-widget.png?w=1200&h=630&q=50&fm=png)
FigmaやFigJamで使えるウィジェット機能の使い方
2022.07.01
![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のファイルのサムネイルを設定・解除する方法
2022.06.24
![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ファイルをローカルに書き出し・保存する方法
2022.06.17
![figma-how-to-use-flip-horizontal-and-vertical](https://images.ctfassets.net/ubv4j9m3121x/3T7r2JDdORBMcSmP1hh9to/3068fd473929875f4d7edded047ed5c7/figma-how-to-use-flip-horizontal-and-vertical.png?w=1200&h=630&q=50&fm=png)
Figmaでオブジェクトを上下左右に反転する方法
2022.06.10
![figma-how-to-use-local-fonts](https://images.ctfassets.net/ubv4j9m3121x/487grVGGHCpu74zn513wwV/b216645dc34c221dff4df07332c6150f/figma-how-to-use-local-fonts.png?w=1200&h=630&q=50&fm=png)
FigmaでWindows・Macのローカルフォントを使う方法
2022.06.03
![figma-partially-apply-border](https://images.ctfassets.net/ubv4j9m3121x/MalcF1RE84Dlu8MmN2LWt/947429defa4f484eafb948551e150808/figma-partially-apply-border.png?w=1200&h=630&q=50&fm=png)
Figmaで枠線(Stroke) を部分的に適用する方法
2022.05.27
![figma-component-properties-vs-variants](https://images.ctfassets.net/ubv4j9m3121x/6JjTMgt9bKnq6xRYOmePLT/c4e796d41b55a5d75a7aa8fb305a2b78/figma-component-property-vs-variants.png?w=1200&h=630&q=50&fm=png)
FigmaのComponent propertiesとVariantsの使い分けの考察
2022.05.20
![figma-how-to-use-scale](https://images.ctfassets.net/ubv4j9m3121x/5xPsEYQWDOk8BvZNPpWP0S/85112569e89877e869c1419209619408/figma-how-to-use-scale.png?w=1200&h=630&q=50&fm=png)
Figmaでテキストごとオブジェクトを拡大・縮小する方法
2022.05.06
![figma-how-to-use-color-styles](https://images.ctfassets.net/ubv4j9m3121x/6iyPUofczmdyGGivvtKYQe/1590ddbe12970810afc8432e68ae2ca4/figma-how-to-use-color-styles.png?w=1200&h=630&q=50&fm=png)
FigmaでColor Stylesをカスタマイズする方法
2022.04.29
![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でレイヤーやグループを自動整理できる「Clean Document」の使い方
2022.04.22
![figjam-how-to-use-section](https://images.ctfassets.net/ubv4j9m3121x/2YTM4rkkOOghebD4T6d9LY/b49f87b5190d8a6e10aff39907de9805/figjam-create-section.png?w=1200&h=630&q=50&fm=png)
FigJamで付箋やオブジェクトをまとめる「Section」の使い方
2022.04.08
![figma-notification-in-slack-channel](https://images.ctfassets.net/ubv4j9m3121x/2Pylbg3UAmWL6Fw8yjCv5r/ecfced49ae2002c076bfca74f10383c2/figma-notification-in-slack-channel.png?w=1200&h=630&q=50&fm=png)
Slackの特定チャンネルにFigmaのコメントを通知する方法
2022.04.01
![figma-how-to-create-tooltip](https://images.ctfassets.net/ubv4j9m3121x/2MfJHBEivE5Vq7RiqbDi8L/18ec016ac3143a265116e4a42d062495/figma-how-to-create-tooltip.png?w=1200&h=630&q=50&fm=png)
Figmaでシンプルなツールチップ・コンポーネントを作る方法
2022.03.25
![figma-funny-images-tips](https://images.ctfassets.net/ubv4j9m3121x/5M9gD2qJUvrOMRtIGnqrqd/ab522e06b2349e40aa517935b10788f2/figma-funny-images-tips.png?w=1200&h=630&q=50&fm=png)
Figmaでネタ画像を作るためのTips
2022.03.18
![figma-how-to-create-side-menu](https://images.ctfassets.net/ubv4j9m3121x/3DSvo1Pj7ldaFpGloiZ0cj/c5d7358dd8f047969882e850df1a855a/figma-how-to-create-side-menu.png?w=1200&h=630&q=50&fm=png)
Figmaでシンプルなサイドメニュー・コンポーネントを作る方法
2022.03.04
![figma-outline-to-single-stroke-plugin](https://images.ctfassets.net/ubv4j9m3121x/26F3hh5Yn8uns6Bjy5WN90/9258a91096c04ca1111eb4bd46886e64/figma-outline-to-single-stroke-plugin.png?w=1200&h=630&q=50&fm=png)
Figmaでアウトラインをパスに変換・復元する方法
2022.02.25
![figma-how-to-use-comment](https://images.ctfassets.net/ubv4j9m3121x/2LIe7Rjx3eXg5HEzntlStw/2dd5086ef1e90def3024a39e03322e8c/figma-how-to-use-comment.png?w=1200&h=630&q=50&fm=png)
Figmaのコメント機能の使い方
2022.02.18
![figma-path-and-curve-tips](https://images.ctfassets.net/ubv4j9m3121x/2PJENnRbUCKHWQH1FYnN8U/3db5060a7375ccd93e57d64c5cce54f1/figma-path-and-curve-tips.png?w=1200&h=630&q=50&fm=png)
Figmaでおすすめの直線・曲線パスを使ったTipsまとめ
2022.02.11
![figma-how-to-create-radio-button](https://images.ctfassets.net/ubv4j9m3121x/31nOUn6ZSA7N5xdZkW81xN/944b80d8c9f4157e9480fb3d0a497476/figma-how-to-create-radio-button.png?w=1200&h=630&q=50&fm=png)
Figmaでシンプルなラジオボタン・コンポーネントを作る方法
2022.02.04
![figjam-beginners-tips](https://images.ctfassets.net/ubv4j9m3121x/4Ph3gEHHyX4KvgavGgIptL/74a188dc1bde1a1440bef42860dcf946/figjam-beginners-tips.png?w=1200&h=630&q=50&fm=png)
FigJamの初心者におすすめのTipsまとめ
2022.01.28
![figma-how-to-create-checkbox](https://images.ctfassets.net/ubv4j9m3121x/5WAylG8s1omEtQs83iJASD/25082df9026e60922d84ec17ccfcc2d7/figma-how-to-create-checkbox.png?w=1200&h=630&q=50&fm=png)
Figmaでシンプルなチェックボックス・コンポーネントを作る方法
2022.01.21
![figma-ruler-and-grid-view-tips](https://images.ctfassets.net/ubv4j9m3121x/6XCkr0Wcm8K4PSlPQ0bIsa/0e497c227e947dce68bf01e66cbb328b/figma-ruler-and-grid-view-tips.png?w=1200&h=630&q=50&fm=png)
Figmaでグリッドやガイド(ルーラー)を表示・非表示する方法
2022.01.14
![figjam-create-sticky-from-text-plugin](https://images.ctfassets.net/ubv4j9m3121x/3UHc45gWiijPb0oc2xTifT/7fbe393347d48a1d964a5a800ec4a9e5/figjam-create-sticky-from-text-plugin.png?w=1200&h=630&q=50&fm=png)
FigJamで箇条書きのテキストから複数の付箋に書き出す方法
2021.12.24
![figma-how-to-use-component](https://images.ctfassets.net/ubv4j9m3121x/2yKGXnTfkrSigj1SdaS1dT/cfaedb149eeafd59ac153ce5e80a92cb/figma-how-to-use-component.png?w=1200&h=630&q=50&fm=png)
Figmaのコンポーネント機能の基本的な使い方
2021.12.17
![figma-plugins-for-image-processing](https://images.ctfassets.net/ubv4j9m3121x/46SHNLgqYIv8yuFlJt8Q6V/86657e9dba558889d1a77938e43b7d62/figma-plugins-for-image-processing.png?w=1200&h=630&q=50&fm=png)
Figmaでおすすめの写真・画像加工のTipsまとめ
2021.12.10
![figjam-confetti-plugin](https://images.ctfassets.net/ubv4j9m3121x/6ONL7p5NpckcdqsVzq2w6w/d3ba4f7e9db8f56ff2fa7e68252d2d30/figjam-confetti-plugin.png?w=1200&h=630&q=50&fm=png)
Figmaで紙吹雪(パーティクル)を均等に散らす方法
2021.12.03
![figma-how-to-export-webp](https://images.ctfassets.net/ubv4j9m3121x/EvQCLG3fagqYI3h7XbNLn/834753c24001b341f09fcdc5ce02201e/figma-how-to-export-webp.png?w=1200&h=630&q=50&fm=png)
Figmaで画像を圧縮したりwebp形式で保存する方法
2021.11.26
![figma-how-to-create-form](https://images.ctfassets.net/ubv4j9m3121x/1HrmvRUBlEEviknjtRnT0v/ae8035e2a7d9e1186c5ff3e6af4f09f6/figma-how-to-create-form.png?w=1200&h=630&q=50&fm=png)
Figmaでシンプルなフォーム・コンポーネントを作る方法
2021.11.19
![figma-how-to-create-header](https://images.ctfassets.net/ubv4j9m3121x/28MQZsVcxlJxyTpi3gr3zU/040a10cadf35982a9cd9464d596a63eb/figma-how-to-create-header.png?w=1200&h=630&q=50&fm=png)
Figmaでシンプルなヘッダー・コンポーネントを作る方法
2021.10.29
![figjam-widgets-collection](https://images.ctfassets.net/ubv4j9m3121x/6kJI8VCm51AXDqsPzk1LvS/73b73522d8bf1cf5709b8e920f0aac7b/figjam-widget-collection.png?w=1200&h=630&q=50&fm=png)
FigJamの作業が捗る便利なウィジェットの使い方
2021.10.22
![figma-how-to-create-tab](https://images.ctfassets.net/ubv4j9m3121x/7L0Edq4xwyRzr4Y6yHb94w/1796ca444fbc6a36e6c900e2793afaaa/figma-how-to-create-tab.png?w=1200&h=630&q=50&fm=png)
Figmaでシンプルなタブ・コンポーネントを作る方法
2021.10.15
![figma-how-to-create-button](https://images.ctfassets.net/ubv4j9m3121x/3BvQy2UDmpnNDsS9ehyCRN/9af12c0212cc37d0aeb4f205eb388b6f/figma-how-to-create-button.png?w=1200&h=630&q=50&fm=png)
Figmaでシンプルなボタン・コンポーネントを作る方法
2021.09.17
![figma-how-to-create-table](https://images.ctfassets.net/ubv4j9m3121x/7rvXHCEd80oANRe0fidITF/ec16d85f8ff5d01d3ab6cda4ce9536bd/figma-how-to-create-table.png?w=1200&h=630&q=50&fm=png)
Figmaでシンプルなテーブル(表)を作る方法
2021.09.03
![figma-connect-with-arrows](https://images.ctfassets.net/ubv4j9m3121x/76LQi1H4GybdAtaEisqTxV/e9b25cddb9ef220197a2b0ddb95a7d79/figma-connect-with-arrows.png?w=1200&h=630&q=50&fm=png)
Figmaで簡単にフローチャートや画面遷移図をつくる方法
2021.08.27
![figma-how-to-mask](https://images.ctfassets.net/ubv4j9m3121x/1SxDI3KrLA1937nrP0mfBt/2ec930581c3411e9a3cbb197a388dbf1/figjam-how-to-mask.png?w=1200&h=630&q=50&fm=png)
Figmaでマスクを適用・解除する方法
2021.08.13
![figma-how-to-use-corner-radius](https://images.ctfassets.net/ubv4j9m3121x/4xHqfOWDbxJ42810VKi42P/f84526288c4dd52796d61447f6be185f/figma-how-to-use-corner-radius.png?w=1200&h=630&q=50&fm=png)
Figmaで角丸を使った便利なテクニック集
2021.07.23
![figma-slackbot-app](https://images.ctfassets.net/ubv4j9m3121x/8T2GQ8ALchN0Hib0lVfzh/a440ab7a1cf8e18f2b74a63b3da5909f/figma-slackbot-app.png?w=1200&h=630&q=50&fm=png)
Figmaのコメント通知をSlackで受け取る方法
2021.07.16
![figma-how-to-use-dropshadow](https://images.ctfassets.net/ubv4j9m3121x/4bCmtvrUvNul43IUidvPwI/0ec0d65fab19fc54a1c28d1101e97f10/figma-how-to-use-dropshadow.png?w=1200&h=630&q=50&fm=png)
Figmaで様々なドロップシャドウ(影)を適用する方法
2021.07.09
![figma-how-to-use-plugins](https://images.ctfassets.net/ubv4j9m3121x/4b6gqermuZrYcqaGkdm0wt/ffaba05aae3db023fbed1557801e0a53/figma-how-to-use-plugins.png?w=1200&h=630&q=50&fm=png)
Figmaのプラグインのインストール方法と使い方
2021.07.02
![figma-how-to-use-blur-effect](https://images.ctfassets.net/ubv4j9m3121x/39GmVw2csynCV2OVEXuevt/0bde0247e8435044cfe68a3b5cf6c27f/figma-how-to-use-blur-effect.png?w=1200&h=630&q=50&fm=png)
Figmaでオブジェクトや画像にぼかしを入れる方法
2021.06.25
![figma-how-to-create-pie-chart](https://images.ctfassets.net/ubv4j9m3121x/6ldpoLTQKoLbwDDNDQyfsy/3423e36d76fe83fed3842b07d6e48c2b/figma-how-to-create-pie-chart.png?w=1200&h=630&q=50&fm=png)
Figmaで簡単に円グラフや棒グラフを作る方法
2021.06.18
![figma-how-to-edit](https://images.ctfassets.net/ubv4j9m3121x/txMZFu09nrm8QcoN1thV8/4a62dcf5a5454379c978b3396337ff89/figma-how-to-edit.png?w=1200&h=630&q=50&fm=png)
Figmaでテキストや図形を編集できない時に試すこと
2021.06.11
![figma-text-vertical-alternates](https://images.ctfassets.net/ubv4j9m3121x/5P3xpIuCK5ggGB2ztUtyvv/e91a5781af9344d931b183fa9e0f25a1/figma-text-vertical-alternates.png?w=1200&h=630&q=50&fm=png)
Figmaでテキストを縦書きに対応する方法
2021.06.04
![figma-how-to-crop-and-mask](https://images.ctfassets.net/ubv4j9m3121x/75csZHy55ckMV28tpmyT07/b87da5e6028b57f36128871fd9dfe1fa/figma-how-to-crop-and-mask.png?w=1200&h=630&q=50&fm=png)
Figmaで画像を○や□などの好きな形に切り抜く方法
2021.05.28
![figma-mobile-and-destop-mockup](https://images.ctfassets.net/ubv4j9m3121x/4mpVdv4UiXtfzmOU8f9iUT/08e9df6c144b8f749ce588bfa55e380e/figma-mobile-and-destop-mockup.png?w=1200&h=630&q=50&fm=png)
Figmaで簡単にスマホやPCのモックアップに画像をはめ込む方法
2021.05.21
![figma-how-to-gradation](https://images.ctfassets.net/ubv4j9m3121x/7AE4eWQSoy3JhJ6EnpvflN/ed85279eaa6381cf572be9922eebea09/figma-how-to-gradation.png?w=1200&h=630&q=50&fm=png)
Figmaで図形やテキストのべた塗りとグラデーションの使用方法
2021.05.14
![figma-how-to-edit-line-style](https://images.ctfassets.net/ubv4j9m3121x/6zNsJMflOlFpeVz8NH4VnX/705ae951a8d2854ae1d60c463ba35a85/figma-how-to-draw-dot-line.png?w=1200&h=630&q=50&fm=png)
Figmaで破線・点線や矢印がついたパスを作る方法
2021.04.30
![figma-how-to-export](https://images.ctfassets.net/ubv4j9m3121x/5tjXsEoDwxt6EXXp9ktcMQ/73aa1ee7589b2ff6ee9d421633437e4b/figma-how-to-export.png?w=1200&h=630&q=50&fm=png)
Figmaでファイル形式を指定して画像に書き出す方法
2021.04.16
![figma-beginners-tips](https://images.ctfassets.net/ubv4j9m3121x/5Ccz6amaHlOzglMRa1Km12/4b83850079bf44c03ad4675128203409/figma-beginners-tips.png?w=1200&h=630&q=50&fm=png)
Figma初心者が使い方に困った時に試してほしいTips
2021.03.29