このデザインシステムの使い方

デザイナーは各自このデザインシステムを確認し、コメントやフィードバック、質問を残してください。このデザインシステムをチーム全体に共通の単一の情報源として活用し、作業の統一性を担保して重複作業を減らしましょう。


タイプ

このセクションは、ボタンテキストから本文の段落まで、チームのタイポグラフィーを整理するために使用します。チームの足並みを揃えるため、Figmaファイルを埋め込みましょう。(自動的に更新されます。)

https://www.figma.com/embed?embed_host=notion&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FELA2eUsauhPurBx8cZCTun%2FUntitled%3Fnode-id%3D0%253A1


テンプレート

既成のコンポーネントを集め、よく使われるテンプレートとして整理しておきましょう。新しいテンプレートを追加したい場合は、このFigmaファイルに追加することができます。このファイルには、デザインチームのすべてのテンプレートが含まれるようにします。

https://www.figma.com/embed?embed_host=notion&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FXEFbBEuHyXolt5cJmBujWV%2FTemplate-Library%3Fnode-id%3D247%253A43


テーマ

このセクションでは、プロダクト内のさまざまなテーマについて、色やコントラスト、アクセシビリティのガイドラインを確認することができます。

ライト / ダーク

https://www.figma.com/embed?embed_host=notion&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FpOoLP67zoCt3ac71zM5Dbk%2FTheme-Library-Light-and-Dark%3Fnode-id%3D0%253A1


アイコン

チームが使用しているすべてのアイコンデザインをリストアップします。ブランドガイドラインや一般的な使用例を紹介することで、チームの一貫性を保つことができます。

塗りつぶし / 枠線