Webサイトのデザインや設計を行うとき、昔は工程によっていろんなツールを使い分けていました。今はそれを(私の愛してやまない)Figma一つでブラウザ上だけで完結できます! 【目次】 私の愛してやまないFigma Webサイトの制作フロー ヒアリング(オリエン) 要件定義 サイトマップ ワイヤーフレーム デザインラフ デザインカンプ プロトタイプ フローチャート 実装段階もシームレスに 最後に 私の愛してやまないFigma 私の愛してやまないデザインツールFigma、ブラウザ完結のツールです。このブログ上の図もほとんどFigmaで作っています! ※参考:Figma: the collaborative interface design tool. 操作感はAdobe XDなんかと似た感じです。イラレのようにベクターデータのパスを描ける! ※参考:4-5. ペンツールと鉛筆ツールの使い方 |
![Figmaで完結する!Webサイト設計の流れ - クモのようにコツコツと](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f273f6baea98b068d522fba282a03fb12d4ee92/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fi%2Fidr_zz%2F20191106%2F20191106094402.jpg)