見出し画像

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

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

Figmaの概念、考え方の記事

Figmaを使った 『ペアデザイン』 という革命
https://note.mu/oathkite/n/na255d4557fbc

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

開発初期のチームでFigmaをおすすめする理由
https://note.mu/norina/n/n73acb406327c

Figmaでデザインする0→1フェーズのUX
https://note.mu/sayapandeath/n/n4197fdfcb3e2

Figmaで実現できる “いっしょにワークする”
https://note.mu/sasayanyan/n/nf92b0130adc2

Figmaのプランを理解せずに契約すると多分困るので解説
https://note.mu/sixa_nao/n/n5ee6f2998986

デザインツール「Figma」をデザイナーがさわってみた件
https://note.mu/sonicjam/n/n6a9f46e6710a


Figmaの使い方

FigmaではじめるUI(Web)デザイン|Part1
https://note.mu/sixa_nao/n/n7603a9bc7580

細かすぎて伝わらないかもしれない、Figmaの良いところ
https://qiita.com/nibushibu/items/aba3375047eb6cb79cf8

Figmaで使える!スタイルガイドテンプレートのつくりかた
https://note.mu/czrkmsn/n/n1536b97ce3c8

ProgateのスライドをFigmaで作ったらすごい便利だった話https://note.mu/usaginoniku/n/na228d88972af

Figmaを半年使って分かった便利なところ
https://note.mu/fjkn/n/n9bc5b6ec9fc2

Figmaを使ったリモートワークショップの可能性
https://note.mu/5kaichi/n/nbb70bd251a6b

リモートでデザインプロセスまわってます。
https://note.mu/oligin/n/nfa3b23e3e91f

【初心者向け】Atomic Design っぽい、Figma の使い方
https://qiita.com/hikaru_tayama/items/c8d9310d5a4e4cca7a68

非デザイナーの方が知ってくれていると嬉しいFigmaでできること4+2。
https://note.mu/mrkiizk/n/neb0177bfac5e


ツール移行系

SketchからFigmaにしました
https://note.mu/lovegraph/n/n333a5525db9e

開発スピードを上げるため、Sketchを辞めてFigmaに移行した話
https://note.mu/fjkn/n/nbcd22ef41170

Sketch から Figma への移行Tips
https://note.mu/toitoitoi/n/n82be3387906b

Sketch + Zeplin から Figma に移行したら快適だった!!
https://note.mu/obashige/n/n03e8b98e0c91

理想のデザインツールとは? -PhotoshopからFigmaへ
https://note.mu/toitoitoi/n/n4ebffd11ca2d

デザインツールを比べてみる
https://note.mu/nikoko/n/n9359eb92b3da

Sketch はもういらない? デザインツール Figma の紹介
https://qiita.com/hikaru_tayama/items/49373412ec1a515ff05d


アセット運用系

Figmaによるデザインデータ運用
https://note.mu/gimmickdock/n/n5d442669ef80

Figmaでライブラリ運用📚🙆
https://note.mu/chacky000/n/nd3e159f4b8de


コミュニティ

Figma公式コミュニティ
https://spectrum.chat/figma

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

https://note.mu/hikarutayama/n/n158b083af53f


入れておいた方が良いツール

Figma Desktop APP
FigmaのDesktop APP。先ずはこれを入れましょう
https://www.figma.com/downloads/

Font Installers
ブラウザで扱う場合はFont Installers を入れておきましょう
https://www.figma.com/downloads/

Live Device Preview
PCで表示している画面を iOS / Androidの実機で確認できるようになります。
https://www.figma.com/downloads/

Figma (Open links in Application)
figmaのシェアURLをfigmaアプリで立ち上げてくれるChrome拡張機能
https://chrome.google.com/webstore/detail/open-in-figma/ebalaiojkmmkimgpakabcblclljnoloh/related

この記事が気に入ったら、サポートをしてみませんか?気軽にクリエイターを支援できます。

note.user.nickname || note.user.urlname

サポートいただいたお金は次の記事で何かしら使わせていただきます!

嬉しいです!
170

坪田 朋 / Basecamp

デザイン会社Basecamp⛺️の代表。dely株式会社のCXO。東京で活動する事業作りを仕事にしているデザイナー / プロダクトマネージャーです。 仕事の依頼はDMで受け付けております。

#デザイン 記事まとめ

デザイン系の記事を収集してまとめるマガジン。ハッシュタグ #デザイン のついた記事などをチェックしています。広告プロモーションがメインのものは、基本的にはNGの方向で運用します。
9つ のマガジンに含まれています
コメントを投稿するには、 ログイン または 会員登録 をする必要があります。