- 運営しているクリエイター
#figmaプラグイン
便利すぎる!おすすめFigmaプラグイン7選!
こんにちは!
大阪でUI/UXデザイナーとして働いているミヤザワです。
今回は、Figmaの実務で使えるプラグインをご紹介します。
便利に使用できるプラグインばかりなので、是非最後まで見てみてください〜!
01.SkewDat
SkewDatは、文字や図形を斜めにできるプラグインです。
「このコピーを目立たせたい!」や「画像全体を斜めにして勢いを感じさせたい!」時などにおすすめです。
02
FigmaプラグインによるFigmaのハックとワークフローの強化
この記事は2022年5月11日に開催されたFigmaのカンファレンス『Config 2022』のセッション内容を記事として再編集した内容ものです
私は医療系テックスタートアップのUbie株式会社でデザインエンジニアをしている谷(@hiloki)です。
この記事では「デザイン業務を少し楽にしたい」そのために自らFigmaプラグインを作ってみたいと考えてもらえるような話をします。
Figmaの特長
Figma に欠かせないプラグイン10選
こんにちは、NewsPicks UIデザイナーの早河です。
GWはいかがお過ごしでしたか?
私は Figma プラグインの整理をしていました。
とりあえずインストールしてみたものの、使わなかったり / 存在すら忘れていたものを削除して、浮かび上がったいつもお世話になっている選りすぐり10個のプラグインをこの機会に紹介させていただければと思います。
普段の業務やワークフローによって、必要となる
Figmaでアンケート内容を自動で付箋化する仕組みを作ってUXリサーチをした話
先日、アンケート調査での分析を行う際にGoogle Sheets Syncを利用したところ、いままで手作業で文字を書き起こして行っていた作業を省略する事ができました。
今回は、スピーディーにUXリサーチ後の分析を進めたいという方に、Google Sheets Syncの使い方を紹介したいと思います。
Google Sheets SyncとはGoogle Sheets Syncは、Googleス
Figma→Lottieでアニメーション書き出しの検証をしてみたよ
年末年始です!私も家の大掃除しなきゃな~(><)と思いつつ、
2021年最後の投稿をまとめましたので、師走でお忙しいとは思いますが、、、、良かったらご興味ある方、見てみてください~
ちょっと長いですww
まず初めに、Figma→Lottieを使いたい理由これまでAdobe系ソフト、PhotoshopやXDでWEBサイトのデザインが多かった弊社ですが、遅ればせながらFigmaでデザイン制作をしよう
Figmaプラグインが探しにくいのでランキングサイトを作りました
成果物?はこちら(https://pexr.net)です。(2021/12/29にgithubpageからちゃんとドメインを取って変更しました。)
きっかけ前回の記事でPluginを作ったというのを記載しました。
その時、エンジニアらしく車輪の再発明は嫌なので「同じようなPluginがあるのか?を探そう!」と思ったのですが…その際「検索が超絶にやりにくいなぁ」と思ってました。
見てもらえば分か
【Figma】レイヤー検索を追加してコマンド+Fで呼び出せるようにした
こんにちは!しいのきです(@ShinokiDesign)
仕事でFigmaを使うようになり、分からないことだらけで、
色々調べたことを忘れないようnoteに書くことにしました。
今回#01は、Figmaにレイヤー検索機能がないため、
検索のプラグインを入れて、Macにショートカットキーを設定し、
「コマンド+F」で検索ができるようにした話です。
00_現状現在ブランドのECサイトをFigma
SaaSデザイナーがすすめる、業務が効率化するFigmaプラグイン8選
こんにちは。アルプのデザイナーの大澤(@Tadaki)です。
サブスクリプションの契約や請求の管理を SaaS として提供する Scalebase というプロダクトのデザイナーをしています。
Scalebase もそうですが、SaaS プロダクトだと実データを用意するのが大変だったり、細かなデータの修正・整形が多くプラグインなしで作業するとかなり労力が必要かと思います。
もうすでに使っている
Figmaのブックマークプラグインを作ってみた
最近Figmaのプラグイン、figmarkを作ったので紹介させてください。
大規模になったFigmaのデータを触っていて、こんなことありませんか?
・ページの行き来が多くて迷子になる
・よく確認する場所をよく見失う
そうだ、コンポーネントをブックマークできるプラグインを作ろう。
figmarkを作りました。
使い方は簡単!1. 公式からfigmarkをインストール
2. Figmaの何もな
Figma Design System(デザインシステム)参考テンプレートURL集
今回はFigmaの公開ファイルの中からDesign System(デザインシステム)が綺麗にまとまっているものを紹介します。
Design System(デザインシステム)とは?UIデザインを制作する前に、このサイト・サービスで使うカラースタイルやフォントサイズ、コンポーネント(ボタンやフォームなどよく使うものをライブラリ化したもの)をまとめて、担当デザイナー以外の人でもパッと見てすぐにデザイン
【EVENTレポート】いろんな会社のFigma事情を覗き見できる「Figma見せ合いっこ」が神イベントだった
去る7月15日、UIデザインなどの業務でFigmaを日常的に使っていて、他のチームの使い方やルールを参考にしたい方を対象としたイベント、「Figma見せ合いっこ」に参加したので、そこで得た気付きなどをまとめました。
(イベント後すぐに記事を書こうと思ってたのに、気付けばもう1ヶ月前になってる…!😭 反省…)
イベント開催趣旨イベント趣旨は以下のとおり。
UIデザインツール「Figma」は自由
Figmaで既に作ってしまったフレーム(Frame)をコンポーネント(Component)に置き換える方法
Figmaでデザインを作る際、例えばサイトの設計をしている場合、ワイヤーをどんどん作っていって、いざ形が決まったのでコンポーネント化(ライブラリ化)しようと思ったら後戻りがえらいことになっている!!
ちゃんと最初から設計して、最小限のコンポーネントを整理してから始めればこんなことにはならないかもしれませんが、プロジェクトやUIを考える際に適時適切なデザインで作り直しちゃうとこういう問題がよくでて
色とテキストスタイルのスタイルガイドを一発で生成するFigmaプラグインつくりました
FigmaのColor StylesとText Stylesをそれっぽいスタイルガイドとして生成するプラグインをつくりました。それぞれ別のプラグインで、Colorのほうは Color Styleguide、TextのほうはTypography Styleguideという名前で公開しています。
動作は下記の動画から。
デザインシステムやガイドラインをつくるときに、この手のカタログのようなものを手
【使わないと損!!】figmaおすすめプラグイン Part1
はじめに今回は私が実際に使用しているfigmaのプラグインの紹介をしていこうと思います。
おすすめプラグイン
1. Font Preview
手持ちのフォントをリアルタイムでプレビューできます。フォント選びに困っている人にオススメです。
2. Blush
デザインにイラストを手軽に追加できます。お好みのイラストを選び、構図するだけの簡単操作で、イラストのバリエーションの変更、カスタマイズも可能