Figmaでデザインを始める際に参考にしたサイト

2020-06-18

このブログをリニューアルしようと思ってFigmaでデザインを始めた。その際にとっかかりとしたサイトをまとめておく。あとでまた参照するためにも。

ちなみにこの手のデザインツールは前々から使ってみたくてSketchがいいのかFigmaがいいのかとか悩んでいたのだが、Macを投げ捨ててWindowsに走ったので心置きなくFigma一択となった。

なお実際に作っているものはデザインというかワイヤーフレームかよってくらいのシンプルなものになっている模様。

エンジニアが最低限押さえておくべきFigmaについてのTips

まずは閲覧するための操作から。

Qiita

エンジニアが最低限押さえておくべきFigmaについてのTips

https://qiita.com/shinnoki/items/eef99dc6ff97c394f458

UI/UXデザインツール『Figma』入門

入門書的な内容。リファレンス本のようなかんじに使える。
色々試しつつ操作に慣れていける。

chot.design

UI/UXデザインツール『Figma』入門

https://chot.design/figma-beginner/

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

実践的な入門記事。かなり捗る内容。
上記の入門に途中で飽きたタイミングで見つけて少し実際の作業を進めた。
簡易デザインシステムは非常に役に立つ。

note

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

https://note.com/sixa_nao/n/n7603a9bc7580

Figmaの使い方、全力でまとめました。

これもとっかかりには良いまとめだった。

note

Figmaの使い方、全力でまとめました。

https://note.com/99997373/n/n77573dfb8797#clgmD

Figmaのオートレイアウトを完全に理解した話

オートレイアウト完全に理解した。

note

Figmaのオートレイアウトを完全に理解した話

https://note.com/wecken/n/n345cf89e494b

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

スマホ用から作るというのはなるほどだった。たしかに。

note

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

https://note.com/gimmickdock/n/n5d442669ef80

Profile

フルスタック気味のフリーランスプログラマー。

どちらかと言うと得意はインフラ構築とサーバーサイドプログラミングですが、フロントエンドもぼちぼちやっています。

最近の興味範囲はWordPress、AWS、サーバーレス、UIデザイン。

愛車はセロー。カメラはペンタックス。旅好きです。横浜在住。