- 運営しているクリエイター
#figmaプラグイン
FigmaでFigmotionのプラグインを使ってみた
こんにちは、マスダです。
みなさん!Figmaにアップデートが来ました!プラグインを入れられるようになりました。
そこで、私が気になったプラグインで少し遊んでみました。
それは…Figmotionです。簡単なアニメーションを作成できるプラグインです。前からアニメーションしてみたかったんですよね~。
ということで、作成したのがこちら。
弊社ゴーリストのファビコン、Gのマークを使ってアニメーシ
Figmaの神プラグイン、Google sheets syncはGASと一緒に使え!
こんにちは、いとうです。最近のデザインツールの進化はすごいですね。Figmaのプラグインはサードパーティ製のものが最初はあり、一度脆弱性の問題から消えかけていたのをFigma公式が実装してしまったという過去があります。
壮絶な過去があるFigmaのプラグインの中でも私が一番推してるのは、この「Google sheets sync」!! Google spreadsheetのセルのデータをFigm
【2019年】私的ベストFigma Plugins
こんにちは!
Figma Advent Calendar 2019 11日目担当のデザイナーをしているトリバコです。
もう今年も残りあとわずかとなりましたね。
そんな年末ということで、使ってきたツールの整理も兼ね、私の仕事に大きく影響を与えてくれた「Figma」のお気に入りプラグインを利用頻度が高かったものから順に今回ご紹介していきたいと思います!
Nisa Text Splitter
テキス
『Neumorphismが簡単に作れるFigma プラグイン』を作りました
最近UIデザイン界隈で話題のNeumorphism。サクッと作れるFigmaのプラグインを作りました。
この記事では、プラグインを作ったことはおろか、Typescriptを書くのも初めての開発超初心者のプラグイン開発背景とプラグインの詳細を紹介します。
1.なぜ作ったかこのプラグインは私が現在通っている千葉大学デザイン学科の工業デザインの「デザインをするツールをデザインする」授業で作った制作物
アプリの文字列管理がつらかったのでFigmaへの文字列反映を楽にするプラグインを作ってみた
アプリ開発中につらみを感じたためtsvファイルを食わせるとPage上で合致したTextNodeの文字列を自動で置換するプラグインを作りました。
百聞は一見に如かずということでまずはデモをご覧ください。
作った経緯業務で作っているアプリでは、デザインツールとしてFigmaを使っています。
また、デザインデータとは別に文字列の管理には下図のようなスプレッドシートを使い、OS間の文言に差異が生まれ
Figmaのプラグイン「Clean Document」を使ったデザインデータ整理のススメ
こんにちは。
Figma愛溢れるデザイナーのYUCCAです。
みなさんの会社では普段デザインツールは何を使っていますか?
クラウドワークスのデザインDivでは、これまでUIデザインツールはSketchをメイン,Abstractで運用、Figmaは無料の範囲で利用していたのですが、今年の春にSketch,Abstractから卒業し、FigmaPROへ本格的に移行しました!(パチパチパチ👏)
私
Figma で Gif 画像が作れるプラグイン GiffyCanvas が面白かった
概要最近 Figma が便利すぎて、ちょっとした素材なんかも Figma で作ってしまっています。
そんな Figma で Gif って作れないかな?と思って調べてみたところ、
GiffyCanvas というプラグインを使えば作れたので紹介します。
使い方今回は試しに以下のようないいねボタンのアニメーションっぽい Gif を作ってみました。
■ Frameを用意する
Gif に変換するには
figmaで大きな画像が貼り付けられない。そんな時はプラグインを使おう
figmaを利用していて、大きな画像を配置しようとしたら縮小表示されてしまった経験はありませんか?
figmaの仕様だと縦横4096pxを超える画像はペースト時に小さくなってしまいます。
スマホデザインなど縦長の画像を貼り付けたい時に不便ですよね。
こちらはどうやらプラグインで解決できるようです。
プラグインの使い方そもそもプラグインをどこからDLするのかよくわかってなかったので覚え書き。
【2020年版】リアルに作業を超効率化してくれたFigmaの必須プラグイン10選!!
今回は年末ということもあり、2020年に仕事でリアルに使い倒しまくったFigmaのプラグインを10個に絞ってまとめてみました!
こちらの記事はデザインの制作スピードをあげたい人向けに書いています。そのため一見面白そうだし革新的だけど実際コレどこで使うの?みたいなプラグインは今回あえて紹介してません。全てリアルに仕事の中で使い倒しているスタメンのプラグインのみに絞っています。
では早速紹介してい
【2020年 総復習】Figmaに関するツイートまとめました!
今年はFigmaに関するツイートやコンテンツをいっぱい発信しました!一気にまとめて見たいというお声もチラホラもらっていたので、2020年のうちに記事としてまとめてみました。是非年末年始の空いた時間に復習がてら見てもらえると嬉しいです♪
⭐2020年リアルに使いまくったプラグイン10選⭐figmaのショートカット早見表(完全版DLリンク付き)
▼完全版のDLはこちらからどうぞ!
⭐figmaの
よく使う5つのFigmaプラグインを紹介
Figmaを触り始めてそろそろ1年ほどになるのですが、Figmaプラグインにはいつもお世話になっている。中には作業効率を良くするためにも欠かせないプラグインもある。
今回は、よく仕事やデザイン練習がてらで使っているプラグインを紹介したいと思う。
Remove BG
Remove BGを使えばサクッと背景を透過させて、画像の中の人物や物を切り抜くことができる。これまで、Photoshop等にア
Figmaで制作したスライドを書き出す際のベストプラクティス(仮)
1. 目指したことタイトルの通りです。スライドをFigmaで制作する際に、Frameの並べ替えや名付けをちまちまするのが手間であるので、一気にできないだろうか?
2. 結論Figmaの機能とプラグインの組み合わせでできる
3. 使用ツール・Figma
4. こんな場面で使える
Figmaのアクセシビリティの高さ、充実したコンポーネント機能やオートレイアウトは、スライド制作においても、いかん
Figma便利プラグインまとめ
★5のプラグイン ▼Text Styles Generator登録済みのテキストStylesを別ファイルに移植できる
テキストスタイルを保存しているファイルから Plugin > Text Styles Generator > Draw current styles で登録済みのスタイルをテキストで書き出してくれる
そのまま別ファイルに移動させ Generate Text Styles をする
プロダクトデザイナーがオススメするFigmaプラグインまとめ
こんにちは。Sansanでプロダクトデザイナーをしているごあんです。
最近、チームでより快適にFigmaを運用するためにあれこれ整備を進めています。その1つとして、各メンバーがよく使うプラグインを共有し合い、
💡 より多くのメンバーが使っている
💡 業務効率がアップする(弊社の場合)
ex) 仕様検討やデザインパターンの量産など
といった視点で、簡単な概要や「新入社員に対するオススメ度