figma | プラグインなど活用メモ
こんばんは。
LIVIKA運用チームの松枝です。
社内サービスのバナーを作成する機会があったので、久しぶりにfigmaについてメモです。
デザインの設計書を一瞬で作れるFigmaプラグインを紹介します。
— Miyamoto | DeNA Design デザイナー (@motomiya333) April 10, 2023
コンポーネントに適応したオートレイアウトの間隔やパターン・スタイルなど、設計の詳細が全て自動生成されます👏👏👏（泣けるほど素晴らしい🥹）
Figmaを使い慣れていない開発者に渡す際にも役立ちます。https://t.co/rMH4GHIW5u pic.twitter.com/V9Aae0JQTa
Figmaでまたいいプラグインに出逢った・・・
— SISTER🍝Webクリエイター (@ane_creator) March 8, 2023
フローチャート、遷移図が簡単に作成できる
「Autoflow」
要素同士を繋げればグリグリ動かしても線が追従してくれる。最高。
サイトマップを秒で作れるし、実装者にデザインの修正伝えるときも捗る。 pic.twitter.com/MvFIzIUxaW
アイコンをサクッとFigma上で使いたいなら「Iconify」プラグインがオススメです。
— Miyamoto | DeNA Design デザイナー (@motomiya333) March 27, 2023
Material Design IconやBootstrap Iconsなど、定番からemojiまで10万個のオープンソースアイコンが使用できます。
複数のアイコンセットからまとめて検索して選べるのでかなり便利です👍 pic.twitter.com/y0MtoWotjN
Figmaのプラグイン（α版）をつくりました。WFをつくるときキャッチコピーを考えるのめんどくさい！そんなときFigma上でAIを使って、一瞬でコピーを挿入するプラグインです。
— 梅本 周作 / ajike CEO / Onsen*さん (@dubhunter) March 17, 2023
誰でも無料で使えます。できれば使ったら感想とか改善要望ほしいですっ！てことでインストールURL↓https://t.co/KOLiviEbMK pic.twitter.com/2nn6VSv5CS
中級編修正してて見つけた Figmaのおすすめプラグイン「Aspect Ratio」
— tom | webデザイン (@tom__webdesign) February 14, 2023
今まで画像のサイズって割と何となくで決めてました…
メンターさんからのご指摘があって画像サイズのバランスを意識できました🙂
そんな中簡単にアスペクト比を設定できるプラグインみつけたので共有。#Webデザイン #figma pic.twitter.com/3CeuNBXNM1
デザイン仕様のドキュメント生成としてはかなりすごいプラグインが公開 🎉
— ❖HirokiTani (@hiloki) February 13, 2023
Frame,Instatceを選択して実行するとAuto Layoutに基づく余白やInstanceのガイドがとてもきれいなドキュメントとして一発生成される😮 🧵..1/2https://t.co/ddGiBstlVr#FigmaPlugin pic.twitter.com/2oHDCUCFbs
こんなに凄い機能がたくさんあるんですね。
XDを使ったりキャンバを使ったりで、浅い知識しかないので、figmaどっぷり学んでいきたいな。
基本的なこともできてないとしみじみ感じるので、プラグイン上手くつかって自信持って世に出せるデザインにしていこうと思います､､､
この記事が気に入ったらサポートをしてみませんか？