つまり、React Sketch.app を使うことで、これまでデザインカンプ上だけでは見ることのできなかったコンポーネントの役割、データの流れ、属性の明示化、状態管理をわかりやすくすることができます。 🍣 モデリングとコードの同居GUI設計で重要なのはイケてるビジュアルをアーティスティックに作ることではなく、利用者が持つサービスやシステムに関するメンタルモデルを導いたり新たに形成する流れをわかりやすくすることです(ビジュアルは情報処理のためのそのひとつの要素として考える)。 そのためには雰囲気ではなくてモノゴトを構造的に分解してシステムに置き換える必要があります。 =モデリング コンポーネントによって役割や属性・状態が明文化され、デザイン上のオブジェクトとユーザの持つメンタルモデルやサービス上のドメインモデルを合わせやすくなると思います。 例えばプロフィールを表示する場合を例にすると以

