<aside> 💡 Notionヒント:このテンプレートを使って、チームで共有するデザインリソースを保存し、コラボレーションすることができます。下の目次には文中の見出しが自動的に反映され、Figmaの埋め込みは元データに則ってリアルタイムで更新されます。

</aside>

デザインシステムの使用方法

デザイナーはこのシステムを確認し、コメントやフィードバック、質問などを残してください。このデザインシステムをチーム全体で参照することで、一貫性を保ち作業の重複を減らすことを目的としています。


タイプ

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

https://www.figma.com/file/KyUAvUKW2NHVmLQggxs8Xp?embed_host=notion&kind=&node-id=0%3A1&viewer=1


テンプレート

既成のコンポーネントを集め、よく使われるテンプレートとして整理しておきましょう。新しいテンプレートを追加したい場合は、この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


アイコン