マガジンのカバー画像

Figma のまとめ

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

#Design

Sketch ファイルを Figma にインポートしてみた

Sketch ファイルを Figma にインポートしてみた

古すぎる記事なので、よりオススメの記事を貼っておきます。

----- 以下読まなくて大丈夫です -----

Figmaの主な弱点をあげるなら、プラグインやUI kitが少ない点でしょう。
いくら同時編集機能がすごいとはいえ、実際Figmaを使おうと思ったら
「iOSの標準パーツ使いたいだけなのにイチイチ書きたくない」とか
「仮にSketchから移行したら、昔のファイル使いたい時トレースするの?

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

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

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

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

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

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

そんなわけで、Figm

もっとみる

導入のためのPrototype tools比較(InVision/Figma/Adobe XD)

諸般の都合で一回現時点の比較検討をした方が良さそうだったので、ざっと調べてみました。気が向いたら随時アップデート予定。

いやいやこっちのが絶対いいから!!的なご意見あればお待ちしております。助かります。

## InVisionhttps://www.invisionapp.com/
価格表: https://www.invisionapp.com/plans
フォーラム: https://su

もっとみる
Figma 相談コミュニティ作りたくないですか?

Figma 相談コミュニティ作りたくないですか?

どうもです、Figma ユーザのみなさん。

同僚に教えてもらったのですが、海外には Figma の Local コミュニティ?があるようです。パット見、日本はまだないようですね。

Figma がイマイチ日本で流行しないのは、やはりコミュニティやチュートリアルの薄さが原因でしょうか?

そこで日本でも気軽に相談できるコミュニティがあったら良いなと検討中です。(Spectrum があるけど英語で敷

もっとみる
Figma 相談コミュニティ作りました!!

Figma 相談コミュニティ作りました!!

どうもです、共同編集デザインツール Figma が気になるみなさん。

作っちゃいました、日本語で Figma の相談や Tips を共有できる Slack 。
デザイナさんだけでなく、エンジニアさんや PM の方など一緒に Figma したい人は是非。また Slack だけだと情報が流れていってしまうので、Notion でメモすることにしました ↓ ↓ ↓ ↓

Slack の内容?基本操作が

もっとみる
クライアントワークにおけるデザインツール導入と主観的おすすめツール 〜2018 冬〜

クライアントワークにおけるデザインツール導入と主観的おすすめツール 〜2018 冬〜

Qiita掲載記事をnoteにもアップしてみるテストです

寒くなってきましたね。(執筆は11月末)
極暖ヒートテックも3年目になるとかなり限界だなと感じる2018年の冬です。

つい先程、丸佳浩外野手が巨人入りを表明しました。(執筆は11月末)
フリーエージェントは立派な権利です。一番評価してくれた球団に移籍するのはある意味当然の選択だと思います。新天地でも頑張ってほしいものです。僕は東京ヤクル

もっとみる
Figmaでデザインする0→1フェーズのUX

Figmaでデザインする0→1フェーズのUX

こんにちは、note初投稿です。

現在、会社や個人でデザイナーとして0→1の事業立ち上げのお手伝いをしています。

0→1の立ち上げにおいて大事なことは、「プロダクトの目指したい姿・方向性・アイデアは何となくあるけど物理的には何もない」ところから仕様を決め、具体的な形にしていくまでの解像度をいかにスピード感もって高めることができるか、だと思っています。

ふだん、そんな新規事業の立ち上げドカタを

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

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

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

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

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

https://www.figma.com/

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

もっとみる
ProgateのスライドをFigmaで作ったらすごい便利だった話

ProgateのスライドをFigmaで作ったらすごい便利だった話

最近暖かくなってきてそろそろお花見のシーズンですね。こんにちは、Progateコンテンツチームのいとうです。

Progateのレッスンって以外と工数かかるんですよね。以前まではGoogle slideで下書きを作っていたのですが、、、

すごく見にくい !

スライド1枚1枚のつながりを予想しにくいし、何より抽象的すぎて最終的な完成図を想像できず「これで今までやってきたから慣れていた感」がすごか

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

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

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

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

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

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

CEO室所属 デ

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

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

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

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

もっとみる
Figmaで使える!スタイルガイドテンプレートのつくりかた (テンプレートのみ有料)

Figmaで使える!スタイルガイドテンプレートのつくりかた (テンプレートのみ有料)

こんにちは、かみそるです。
noteでファイルアップロードができるようになったので、さっそくずっと育ててきたスタイルガイドのテンプレートを販売してみようと思います!

このノートでは、テンプレートのつくりかたを解説しています。テンプレートデータのダウンロードは有料ですが、命名規則などのノウハウはすべて無料で読めるのでぜひ参考にしてみてください!

はじめに🌟 UIをスクラッチで作るときに向いてい

もっとみる
Figmaで捗る!デザインプロセスとチーム開発

Figmaで捗る!デザインプロセスとチーム開発

こんにちは、株式会社トクバイでデザイナーをしている吉井(@hrtk441)と申します。
普段は全国のチラシ情報をお届けする「トクバイ」のアプリ/WEBのサービスデザインのお仕事をしています。

最近noteでもFigma関連の記事がバンバン出てきますね。
これを読んでいる方のなかには、またかよと思っておられたり、Figmaってそんなにいいの?SketchとかXDでいいじゃん…と感じられている方がい

もっとみる
これからFigmaを始める人にオススメの記事まとめ

これからFigmaを始める人にオススメの記事まとめ

最近よく聞かれるのと、ニーズがありそうだったので、Figmaのおすすめ記事をまとめました

Figmaの概念、考え方の記事Figmaを使った 『ペアデザイン』 という革命
https://note.mu/oathkite/n/na255d4557fbc

Figmaを使って開発チームの生産性をあげるプロダクトマネジメント
https://blog.tsubotax.com/n/n58b33ccee

もっとみる