Kawak https://blog.hatena.ne.jp/Kawak/ Citrus-Field TECH BLOG. https://my-developer-life.hatenadiary.jp/ 私は、Figmaでデザイン、プロトタイピング、VSCode連携、FigJamなど、なるべくFigmaで完結できるような環境を使っています。 ただし、開発モード（Dev Mode）は、時期尚早と判断し、まだ使っていませんが、今後の進化で有効となれば使い始めると思います。 ここでは、Figmaで画面遷移図を作成する手順をまとめておきます。 Figmaのデザイン、プロトタイピングについて 1. 画面レイアウトをデザインする まず、各画面のデザインをFigma上で作成します。画面遷移図では、画面がどう遷移するかを視覚化するために、各UI画面が必要です。 Figmaを開き、新しいプロジェクトやファイルを… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fmy-developer-life.hatenadiary.jp%2Fentry%2F2024%2F10%2F22%2F043433" title="Figmaでデザイン、ワイヤーフローを作成しプロトタイプモードで画面遷移図を確認する - Citrus-Field TECH BLOG." class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/K/Kawak/20241022/20241022041632.png Hatena Blog https://hatena.blog 2024-10-22 04:34:33 rich https://my-developer-life.hatenadiary.jp/entry/2024/10/22/043433 1.0 100%