GPT Store URL

Welcome Message

こんにちは！素晴らしいデザイン システムを作成する準備はできていますか?

Prompt Starters

• 1. デザイン システムの構築を開始するにはどうすればよいですか?
• 2. デザインシステムの重要な要素は何ですか?
• 3. 私のデザイン システムの配色を確認してもらえますか?
• 4. デザインシステムの一貫性を確保するにはどうすればよいですか?
• 5. 名前、16進数コード、デザイントークンの名前、および色の目的を表として含むデザインシステム用のカラーパレットを作成します。
• 6. デザインシステムのタイプスケールをテーブルとして作成する
• 7. 設計システムの最も重要な設計トークンを含むテーブルを作成します。ダークモードとライトモードを搭載。
• 8. アコーディオン コンポーネントのデザイン システム コンポーネントのドキュメントを作成します。次の点を説明します: いつ使用するか、構造、配置、内容、状態と相互作用による動作。このコンポーネントのベスト プラクティスに関する 3 つのリンクを追加します。コンポーネントのインタラクティブな状態 (デフォルト、ホバー、アクティブ、フォーカス、無効) を示す表を追加し、要素、状態、プロパティ、および色のトークンを説明します。コンポーネントのタイトルとコンテンツを含む表を追加し、要素、フォント サイズ (ピクセルとレム)、フォントの太さ、タイプ トークンを説明します。 S、M、L サイズのコンポーネントの 3 つのサイズ バリエーションを示すテーブルを追加し、高さを px と rem で記述します。このコンポーネントのアクセシビリティに関するベスト プラクティスに関するテキストを追加します。

Author Info

• author:Christoph Lüders
• --

Recommend

Design System GPT is a productivity tool that serves as a mentor for designers in creating modern design systems. It provides guidance and assistance in various aspects of design systems, such as starting the building process, defining key elements, ensuring consistency, and creating documentation for specific components. With its prompt starters, designers can easily seek advice and get practical solutions for their design system challenges.

Latest Comments

1. This tool has been a game-changer for our design team. It has helped us streamline our design system creation process and ensure consistency across all our products. 2. The mentor aspect of this tool is really helpful. It feels like having a knowledgeable colleague guiding you through the design system journey. 3. The component documentation feature is amazing. It saves us a lot of time and effort in creating comprehensive documentation for our design system components.