プラグイン
主にFigmaで利用可能なプラグインを紹介しています。画像の背景を削除する、波線などの複雑なパスを簡単に作成する、レイヤーやオブジェクトのテキストを一括編集するなど、便利なユーティリティがそろっています。インストールは基本的に無料です。
![figma-color-wheel-palette-generator-plugin](https://images.ctfassets.net/ubv4j9m3121x/5JCNoZ6iRGNDGgJm9yFGeP/69b5516e8d4f46789bba12e0b73ce444/figma-color-wheel-palette-generator-plugin.png?w=1200&h=630&q=50&fm=png)
Figmaで補色やグラデーションを自動補完で作成できるカラーパレットの使い方
2023.11.17
![figma-studio-plugin](https://images.ctfassets.net/ubv4j9m3121x/3LbQeBP5REumIMauBVwebn/3698ceebe0df379dd55b79d50b8aabf8/figma-studio-plugin.png?w=1200&h=630&q=50&fm=png)
FigmaのデザインデータからSTUDIOのサイトを作成する方法
2023.08.25
![figma-ai-image-generator-plugin](https://images.ctfassets.net/ubv4j9m3121x/4jx0dgjJWPR3Uu2JoyWHHK/1ff92557d67d7fc91a74d9dc4c557223/figma-ai-image-generator-plugin.png?w=1200&h=630&q=50&fm=png)
Figmaでテキストから画像生成できるプラグイン「AI image generator」
2023.08.11
![how-to-convert-figma-animations-to-lottie-files-by-plugin](https://images.ctfassets.net/ubv4j9m3121x/7mZmpv8USfYSA5tbA2WaEx/f8e6f5558cdccb10ddc54eb00ac5d19a/how-to-convert-figma-animations-to-lottie-files-by-plugin.png?w=1200&h=630&q=50&fm=png)
Figmaで作成したアニメーションをLottieFilesに書き出す方法
2023.05.26
![figma-figjam-simple-graph-plugin](https://images.ctfassets.net/ubv4j9m3121x/6Oyrm0rMZ7la94Sq5eIVib/903eb0438794ba8a97df38f977be5def/figma-figjam-simple-graph-plugin.png?w=1200&h=630&q=50&fm=png)
Figma・FigJamでシンプルなグラフを生成するプラグイン集
2023.05.19
![figma-simple-radar-chart-plugin](https://images.ctfassets.net/ubv4j9m3121x/7CCTa6vdHnZYOtdukLKo7/7556a970a777fe165e3920afa9035e11/figma-simple-radar-chart-plugin.png?w=1200&h=630&q=50&fm=png)
Figmaでシンプルな多角形グラフ(レーダーチャート)を作成する方法
2023.05.12
![figma-simple-line-chart-plugin](https://images.ctfassets.net/ubv4j9m3121x/wwaAJabHCprSljYCRWTHT/182fda1c5bab56692cb054f5fd28cd7e/figma-simple-line-chart-plugin.png?w=1200&h=630&q=50&fm=png)
Figmaでシンプルな線グラフを生成するプラグインの紹介
2023.04.21
![figma-simple-bar-chart-plugin](https://images.ctfassets.net/ubv4j9m3121x/2VcfEImqZuwSmOHLLCzsFl/9389934fc64ce10316d8b1d47e826a95/figma-simple-bar-chart-plugin.png?w=1200&h=630&q=50&fm=png)
Figmaでシンプルな棒グラフを生成するプラグインの紹介
2023.04.07
![figma-simple-pi-chart-plugin](https://images.ctfassets.net/ubv4j9m3121x/6OGI03uhxAKLTRhERZSMQe/32b2a5df649edee2ef9b5f8112130e14/figma-simple-pi-chart-plugin.png?w=1200&h=630&q=50&fm=png)
Figmaでシンプルな円グラフを生成するプラグインの紹介
2023.03.03
![figma-noisy-gradients-plugin](https://images.ctfassets.net/ubv4j9m3121x/5PRWhZuBwLF0LhfRuasNpo/b2c173121c70565b161500fdda0eaf4d/figma-noisy-gradients-plugin.png?w=1200&h=630&q=50&fm=png)
Figmaで簡単にメッシュ・グラデーションをランダム生成する方法
2023.02.10
![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-icons8-background-remover-plugin](https://images.ctfassets.net/ubv4j9m3121x/2cNHvxQJ4UdLbIoWiFecqD/43be25ac5c79dd31657da531cc291650/figma-icon8-background-remover-plugin.png?w=1200&h=630&q=50&fm=png)
Figmaで複数の画像素材から一括で背景を透過する方法
2023.01.20
![figma-insert-big-image-plugin](https://images.ctfassets.net/ubv4j9m3121x/23wjvaC56Nm9fXPSr56fPG/fa081c8e18f6f0dc499d6b2c4a08e734/figma-insert-big-image-plugin.png?w=1200&h=630&q=50&fm=png)
Figmaで幅が4096pxより大きい画像を高解像度で取り込む方法
2023.01.13
![figma-pitchdeck-presentation-studio-plugin](https://images.ctfassets.net/ubv4j9m3121x/7bGeUIBzXbQkHSsrS2iCrb/39429b5c997ff6d3cc7cc7e99bc2a741/figma-pitchdeck-presentation-studio-plugin.png?w=1200&h=630&q=50&fm=png)
Figmaで作成したスライドをkeynoteやpowerpoint形式で出力する方法
2022.10.28
![figma-plugin-text2image](https://images.ctfassets.net/ubv4j9m3121x/7LrlFsiWqgzwhDQANyJlfv/32b5aa18511621ac72773054c2e78c93/figma-plugin-text2image.png?w=1200&h=630&q=50&fm=png)
Figmaで使える画像生成AIプラグイン「Text2Image」
2022.09.30
![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
![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-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-font-viewer-plugin](https://images.ctfassets.net/ubv4j9m3121x/4o5zIIInSENTjCK8aXHsa4/2f4bd1500f2db0caa7ac2b951430f1b8/figma-font-viewer-plugin.png?w=1200&h=630&q=50&fm=png)
Figmaでフォントのプレビューを表示する方法
2022.01.07
![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
![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-brandfetch-plugin](https://images.ctfassets.net/ubv4j9m3121x/6FUXgpsU43PzAHniSDbTo4/8beedaa334f79c439c6789b3a9af25ca/figma-brandfetch-plugin.png?w=1200&h=630&q=50&fm=png)
Figmaで企業ロゴなどのブランド・アセットを検索できる「Brandfetch」の使い方
2021.11.12
![figma-filter-plugin](https://images.ctfassets.net/ubv4j9m3121x/qX2t7QhswpN6aA2ntENoo/b348f701c243ec7170634016019e87c4/figma-filter-plugin.png?w=1200&h=630&q=50&fm=png)
Figmaのプラグイン「Filter」でPhotoshopのようなエフェクトを使う方法
2021.11.05
![figma-pixels-plugin](https://images.ctfassets.net/ubv4j9m3121x/1Gf7MDTC8L5EhxUxTJ76AK/94233f38c286938c1f386948da9e6213/figma-pixels-plugin.png?w=1200&h=630&q=50&fm=png)
Figmaで画像をドット絵のようなモザイクに変換する方法
2021.10.08
![figma-contrast-plugin](https://images.ctfassets.net/ubv4j9m3121x/7FLJTjhSjFp2wbYm3yxP6y/b757012e5eb0c1ada51cb0275a2843c1/figma-contrast-plugin.png?w=1200&h=630&q=50&fm=png)
Figmaで簡単にコントラスト比を調べる方法
2021.10.01
![figma-how-to-use-icons](https://images.ctfassets.net/ubv4j9m3121x/7i4advQAd5sneF1dzfzyvp/3b698fd2de6ed95f5e25a6df12959209/figma-how-to-use-icons.png?w=1200&h=630&q=50&fm=png)
Figmaで無料のアイコン素材集を利用する方法
2021.09.24
![figma-skewdat-plugin](https://images.ctfassets.net/ubv4j9m3121x/2TyBFVZYfY1xQyfqH5OspZ/efce1daf97a13d2e6001d56e5d40120d/figma-skewdat-plugin.png?w=1200&h=630&q=50&fm=png)
Figmaで簡単にテキストや図形を斜めに変形する方法
2021.09.10
![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-morph-plugin](https://images.ctfassets.net/ubv4j9m3121x/37cTolRQwLNG3I1YjotglU/22c92c23636378bfac5f60c2f299ec37/figma-morph-plugin.png?w=1200&h=630&q=50&fm=png)
Figmaでネオンやガラスの質感を手軽に使えるプラグイン「Morph」の紹介
2021.08.20
![figma-to-path-plugin](https://images.ctfassets.net/ubv4j9m3121x/7pYbzemsFifqH31bY2kTOH/1ce79834ad24207d0b92360c8198b3d9/figma-to-path-plugin.png?w=1200&h=630&q=50&fm=png)
Figmaで曲線パスに沿って文字やシェイプをはわせる方法
2021.08.06
![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-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-remove-bg-plugin](https://images.ctfassets.net/ubv4j9m3121x/5xxQgLxGoScWq2RKXYQCEa/c6872606b9176f0a44bf674ffa88d863/figma-remove-bg-plugin.png?w=1200&h=630&q=50&fm=png)
Figmaで写真やイラストの背景を簡単に切り抜き・透過する方法
2021.04.09
![figma-noise-tool-plugin](https://images.ctfassets.net/ubv4j9m3121x/5xeHDXK3VsSyURlWsY8SE8/6c73463afea7a9e3f1bd75848bbf0a4c/figma-noise-tool-plugin.png?w=1200&h=630&q=50&fm=png)
Figmaの「Noise」でざらざらした質感を表現する方法
2021.03.12
![figma-wave-and-curve](https://images.ctfassets.net/ubv4j9m3121x/5akJbgjFHkqTKqZZ7rQhPO/2bbdb1fae8ffb0d2976f85fb7c50d41b/figma-wave-and-curve.png?w=1200&h=630&q=50&fm=png)
Figmaで簡単に波線・ジグザグのパスを作る方法
2021.02.28
![favorite figma plugins](https://images.ctfassets.net/ubv4j9m3121x/1oFk1Aes1HxD8YgGnbeBpF/e2e3e277c77747c9d30d93591a8c721d/No1_1.png?w=1200&h=630&q=50&fm=png)
UIデザインの作業を加速するFigmaプラグイン10選
2021.02.08