まだ開発中のサービスですが、このBiscuet(ビスケット)のデザインシステムの考え方を紹介していきます。 上記のランディングページ(LP)の作成プロセスも過去に紹介しています。気になる方はあわせてお読みください。 Figma と Atomic Design の採用デザインツールは「Figma」、考え方は「Atomic Design」を採用しました。 Atomic Designをデザインに落とし込む際、コンポーネント単位での管理がしやすいFigmaが便利だと考えました。 Figmaに関する記事には、チュートリアルやテンプレートなどの内容は多く見かけますが、実務での採用・運用を主にした記事は少ないため、スマートキャンプでの例を紹介します。 ※本記事内で紹介する画面キャプチャは開発中のものや、記事用に独自に編集したものも含まれます。 Atomic Design についてAtomic Desig
![Atomic Design と Figma の組み合わせでデザインが便利になる|デザインシステムの作り方|スマートキャンプ デザインブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/f3b3b479fd042267ad269f1b04d1ff8a8324fc44/height=288;version=1;width=512/https%3A%2F%2Fassets.st-note.com%2Fproduction%2Fuploads%2Fimages%2F12765746%2Frectangle_large_type_2_7f0b2f2b285937cfece923be1bef693c.png%3Ffit%3Dbounds%26quality%3D85%26width%3D1280)