マガジンのカバー画像

Figma のまとめ

320
デザインツール Figma の使い方、勉強になる記事などを独断と偏見でまとめたマガジンです。 (人力なので漏れてたらすみません🙏)
運営しているクリエイター

#UIデザイン

figmaの可能性を探ってみたら便利だった

figmaの可能性を探ってみたら便利だった

最近、にわかにFigmaユーザーが増えて行っている気配を感じたので、触ってみることにしました!

1、Figmaに関するツイート直接の興味をもったのは crowdport 日比谷すみれさんのこのツイート

最近メルカリの鈴木さんがこんなこともつぶやかれていて

5/11日のこちらのイベントに登壇される三橋さんもよくfigmaのことをつぶやかれています。私も参加してきます。

そんなわけで、Figm

もっとみる
Figma3.0リリースでFigmaがDOPEなデザインツールになった|SketchでもAdobe XDでもない選択肢

Figma3.0リリースでFigmaがDOPEなデザインツールになった|SketchでもAdobe XDでもない選択肢

みなさんはFigmaというデザインツールをご存知でしょうか。

正直な所、Adobe XDやSketchなどと比べると知名度も低いし、それらのツールと比べても機能は充実しているのですが使い所が微妙。
(ちなみに、Figmaの公式サイトにもXD、Sketch、Invision Studio、Framerと比較したページはあるのですが全部同じ内容で肩透かしをくらいます。)

という具合に個人的に推して

もっとみる
Figmaのプランを理解せずに契約すると多分困るので解説

Figmaのプランを理解せずに契約すると多分困るので解説

2019/02/26 追記
Figmaのプラン内容少しづつ更新されています。この記事の内容は現行プランとは少しズレている部分があるので、公式サイトでの内容の確認は必須です!
例えば、フリープランでは2メンバー以上招待できない(editor/viewer関係なく)とこの記事にはあるのですが、現行のプランだとeditorが2名以上招待できないだけで、viewerは制限なく招待できます。

こちらの記事

もっとみる
Sketch から Figma への移行Tips

Sketch から Figma への移行Tips

こんにちは。@toi_toi_y です。最近 Sketch から Figma に移行したのですが、これから移行する人も多そうなので、移行した時に学んだTipsをここにメモっておきますね。

※ Mac版デスクトップアプリをベースにした説明です。適宜読み替えてくれると嬉しいです。

目次
- Sketch からインポートしたデータはどうなる?
- Symbol はどうなる?
- Override の

もっとみる
Figmaによるデザインデータ運用

Figmaによるデザインデータ運用

(Figma Advent Calendar 2018の14日目記事です)

業務でFigmaを導入したので、その話をしたいと思います。
Figmaの導入を迷っている人や、その運用方法を検討している人のご参考になれば幸いです。

※ (2023年追記)このnoteは、2018年に書かれたものであり、Figmaの機能がまだまだ少なかった頃の情報です。正直言って「もはや役に立ちゃしない」情報なのですが

もっとみる
理想のデザインツールとは? -PhotoshopからFigmaへ

理想のデザインツールとは? -PhotoshopからFigmaへ

この記事は Design Tools Advent Calendar 2018 15日目の記事です。

こんにちは。@toi_toi_y です。サイボウズ株式会社で自社プロダクトであるkintoneのデザイナーをやっています。

ところで、最近SketchからFigmaにデザインツールを移行しました。コラボレーション機能最高ですね。
Figmaについてはこちらのまとめが参考になると思います。

もっとみる
Figmaで実現できる “いっしょにワークする”

Figmaで実現できる “いっしょにワークする”

この記事はGoodpatch UI Design Advent Calendar 2018の19日目の記事です。

こんにちは、10月からGoodpatch Anywhereにジョインしたささやんです。
リモートワークでわくわく楽しく活動しています。
師走ですね、すっかり寒くてお鍋が一段と美味しいですね。

今回は2ヶ月前に導入してすっかり惚れ込んだ、Figmaのおすすめ機能についてUIデ

もっとみる
FigmaではじめるUI(Web)デザイン|Part1

FigmaではじめるUI(Web)デザイン|Part1

Figma 3.0が発表されてから半年ほど経ち、実際にプロジェクトでFigmaを使用した際の知見や、tips的なものまで日本でも散見されるようになってきました。

そんな感じで良い具合に枯れ始めているデザインツールではあるのですが、まだまだ日本での記事は、経験者向けに「Figmaに乗り換えるメリット」とか「他のUIデザインツールとの比較」のような内容の記事が多く(人のこと言えないですが......

もっとみる
SketchからFigmaにしました

SketchからFigmaにしました

こんにちは、ラブグラフのデザイナーの大野(@kikai_no_ki)です。

ラブグラフはカップル、お友達、家族など大切な人とのひとときをプロカメラマンに写真に残してもらう出張撮影サービスです。

今回はラブグラフのデザイナーのデザインツール環境について、タイトルにあるとおり Sketch + Invision + Abstract + Zeplin 体制から Figma に移行してよかった話をし

もっとみる
Figmaを使った 『ペアデザイン』 という革命

Figmaを使った 『ペアデザイン』 という革命

Figmaは同一のデータを複数人で編集したり閲覧できたりするので、デザインデータ作成も複数人で出来るとめっちゃいいじゃん?と思い、ペアデザインという手法を考えて試してみました。結論から言います。めちゃくちゃ手応えが良かった。一人でデザインする時代は終わった。これはデザインフローの革命だ!

ペアデザインに適している要件サービスや管理ツールなどの、コンポーネントベースのUIデザインに適しています。逆

もっとみる
Figmaを使って開発チームの生産性をあげるプロダクトマネジメント

Figmaを使って開発チームの生産性をあげるプロダクトマネジメント

開発現場に Figma を導入してチームの生産性が上がった話です。

デザインドリブンで、プロセスを可視化しながら進める僕の開発スタイルと相性が良いので、最近はクライアントワークでも啓蒙しています。

Figmaは平たく言うとデザインコラボレーションツールですが、こちらのリンクから動画をみると雰囲気が伝わると思います。

https://www.figma.com/

UIデザインツールのリッチ化

もっとみる
クックパッドが目指す、これからのデザインとプロダクトのあり方

クックパッドが目指す、これからのデザインとプロダクトのあり方

これはCookpad TechConf 2019で発表した資料です。映像アーカイブなども公開される予定ですが、せっかくなのでこちらでも公開をしたいと思います。

-------👇ここから発表内容👇-------

こんにちは。デザイナーの宇野です。こんにちは。

「クックパッドのデザイナーの宇野」なんて知らないぞという方が多いかと思いますので簡単に自己紹介をさせてください。

CEO室所属 デ

もっとみる
組織メンバー向けFigmaの魅力と使い方

組織メンバー向けFigmaの魅力と使い方

この記事はデザイナーからFigmaを勧められた、デザイナー以外の組織メンバーに向けた記事です。(3分ぐらいで読めます!

最近、開発現場やデザイナー界隈で話題になっているツール「Figma」ですが、Figmaの真価を発揮するにはデザイナー以外の組織メンバーの理解と協力が必要になってきます。
「なんでコイツらこんなにも勧めてくるんや!?」ってところの魅力と最低限の使い方を完結にお伝えしていきます。

もっとみる
FigmaではじめるUI(Web)デザイン|Part2

FigmaではじめるUI(Web)デザイン|Part2

Part1ではUIデザインの下準備として簡易的にデザインシステムを作りました。

ただ、前回作ったものはデザインシステムの空箱でしかありません。

空箱という言葉が示すように、変数的に定義したカラーやタイポグラフィをどのように意味づけていくかが残りのPartの目的の1つでもあります。

そして、そのデザインシステムを真に活用していくには横断的な組織が必要不可欠になってきます。
どうすれば横断的な組

もっとみる