パターンライブラリ

デザインツール上で利用できるUIコンポーネント集

UIキット

アプリケーション実装時に利用できる

UIコンポーネントライブラリ

要は

デザインと実装両方使えるBootstrap

Flutterは
プラットホームが変わっても描画内容が変化しないので
相性が良いです

配置してあるものは全てコンポーネント

画面デザイン

デザインで配置されているコンポーネント名をあてにしてを差し込むだけ

実装

デザインを変えちゃう

実装では

デザインからなくなったコンポーネントを消して
デザイン通りにはめ替えるだけ

デザイン変更の柔軟性を担保しつつ、
実装工数を削減する

こんな感じ

最初はコンポーネント名とPropsが決まってれば良い

UI再現クオリティは気にしない

​アプリケーションエンジニアはとりあえず、コンポーネントを配置する

デザインシステム実装者が
コンポーネントを作り込む

作り込まれたUIKitを取り込むとだけで画面が完成する