【ふぃぐま】
Figma とは？
最終更新:
💡 同じ画面を見ながら、作る・試す・伝える
画面のデザインや操作の試作を、チームで共有して進めるツール。ここではFigma Designを中心に、共同編集、再利用する部品、配置の調整、実装への情報共有を説明します。使える機能はプランや利用席によって異なります。
📌 このページのポイント
- 同じデザインファイルで共同編集やコメントができる
- コンポーネントとAuto Layoutで部品や配置を整える
- 試作と実装への情報共有を、目的と利用条件に合わせて使う
ひよこ Figmaは、絵を描くソフトなの？
ペンギン先生 画面の見た目や構成を作り、チームで共有して進められるツールだよ。Figmaには複数の製品があるけれど、ここでは画面デザインを扱うFigma Designを中心に考えよう。同じファイルを共同編集し、コメントで相談できるんだ。
ひよこ ボタンを、毎回作り直すの？
ペンギン先生 ひよこ Auto Layoutって、何を自動にするの？
ペンギン先生 ひよこ クリックした後の動きも、試せるの？
ペンギン先生 プロトタイプで画面のつながりや操作を試し、意見をもらえるよ。試作で確認した操作が、そのまま本番のサービスとして完成するわけではない。実装後の動作や、使いやすさも別に確かめよう。
ひよこ エンジニアには、どう渡すの？
ペンギン先生 Dev Modeではサイズなどの情報、部品のプロパティ、コードの例を確認して実装に役立てられるよ。プランやFull・Devなどの利用席でアクセス範囲が違うので、必要な機能を料金ページで確認しよう。コード例を貼るだけで、完成したアプリになるとは考えないことが大切だね。
まとめ：ざっくりこれだけ覚えればOK！
「Figma」って出てきたら「画面のデザインや試作を、チームで共有して進めるツール」と思えばだいたいOK！
📖 おまけ：英語の意味
「Figma」 ＝ デザインなどのツール群の製品名
💬 画面のデザインを扱うFigma Designのほかにも製品があるよ。ここではデザインを作り、共有する用途を中心に覚えよう。