こんにちは！株式会社Rabeeのデザイナーのakaneです。 今回は、私がはたらくRabeeで運用しているデザインシステムを紹介します。Rabeeは、受託開発・自社開発をともに手がけるWeb開発会社で、ちょうど1年前に「自社専用のデザインシステム」の構築をスタートしました。1年を経て、開発会社だからこその運用の形がだんだんと見えてきたので、今回振り返ろうと思います。 Figmaのコンポーネントの作り方やVariablesとCSSの一致、実装との連携を志向したデザイナーの動きについて、実運用の細かな部分も含めて話します。ぜひ最後までお楽しみください🐊 ※「2分で作成」はFigmaのデザインに要する時間です。 なお、今回話すのは、要件定義やデザインのフェーズでFigmaを使うことを想定したフローです。Figmaでアイデアを練り、Svelteで開発するチームの事例としてご覧ください。 はじめに