ブログ×Figmaの便利な使い方まとめ　※随時更新中

当ページには広告が含まれています。

2024年10月22日

無料で使えるデザインツールFigma。
ブログ活動に使えそうなものをまとめました。

リンク

イラスト素材（商用無料）

キービジュアルやサムネイルのあしらいに使えそう。

デザイナーのみなさん、あしらい探しに時間を取られていませんか？
⁰そんな方に超絶おすすめな、私の大のお気に入りをシェアします🙋‍♀️⁰⁰Figmaコミュニティで公開されている『手書きあしらいセット』です✨⁰⁰✅ 無料で使える ⁰✅ 商用利用OK ⁰✅ 色も自由に変更可能… pic.twitter.com/mod7jPzorb
— まいまい🐌｜Webデザイン (@mywaylog2021) October 15, 2024

プラグイン

デザインに使えるプラグインたち

Figmaでよく使っているおすすめプラグインです🔌#だいじの大事なデザイン pic.twitter.com/VnEUtCnxIx
— だいじ | デザインラボmixer (@dazy_kd) August 10, 2024

Figmaの定番＆おすすめプラグイン12選 pic.twitter.com/CqMSr25zxH
— かたおか＠LP専門Webデザイナー＆著者 (@kataokadesign) July 19, 2023

Unsplash→言わずと知れた素材サイトとの連携がラクに
uiGrdadients→グラデーションがつくりやすい
Blobs→ペンツール不要でふよふよ図形がつくれる
to Path→図形に合わせて文字が並べられる
iconfy→アイコンを挿入できる
RemoveBG→背景削除してくれる
Japanese font picker→日本語フォントをプレビューしてくれる

イラストを1000パターンくらい生成できる無料プラグイン

イラストを1000パターンくらい生成できるFigma Pluginを公開しました

誰でも簡単にイラストを使えるように今後もアップデート予定です。使ってみてのフィードバックやProプランでの応援お願いしますhttps://t.co/wu4r7JEAr9

↓使い方や今後の展開を続きに書きます pic.twitter.com/OGidd6N9YC
— en. (@ysk_en) July 11, 2023

サイトマップ・画面遷移図つくるお供に「Autoflow」

作業効率化おすすめFigmaプラグイン！
サイトマップ・画面遷移図つくるお供に。

▼Autoflowhttps://t.co/gko3QhmAso pic.twitter.com/GMGxvGLjVU
— もち | デザイナー・CDO・起業家 (@makiko_sakamoto) January 15, 2023

Figmaと連携できるツール

モーションデザインができるツール「LottieLab」

可愛らしい動くモーションデザインができるツール「LottieLab」

近日中にFigmaと連携できるようになるらしいhttps://t.co/P7E6BMVdN4 pic.twitter.com/lrA6WOzCjl
— 桺本頌大 | Shodai Yanagimoto (@shodaiiiiii) October 20, 2023

上記ポストは去年時の物で、今はFigmaと連携できるようです。
▼10分でできる！Figma + Lottielabでアニメーションの作成
https://note.com/nocoinc/n/n5bfc70b9e89a

他にも見つけたら追記していきます！

シェアしてくれたら嬉しいです！