WeChat は「ひとつのライフスタイル」であるクロスプラットフォームのコミュニケーションツールで、そのデザインシステムはミニアプリ、公式アカウント、オープンエコシステムの視覚言語でもあります。UI はリスト型の情報アーキテクチャが主導し、ライトグレーの下地（#F7F7F7）にグループ化された白いユニットと極細の区切り線が、チャット履歴のような秩序感を保ちます。ブランドの緑は重要な操作と状態に使われ、文字階層は派手な装飾ではなくグレースケールに依存し、抑制的で、見慣れていて、効率的です。ソーシャル、コミュニケーション、ミニアプリ系の UI に適しています。
WeChat Design Systemソーシャルとコミュニケーション
プロンプトテンプレート
基本テンプレート
Design a WeChat-inspired interface.
バリエーションプロンプト
📱 モバイル
Design a mobile app with WeChat aesthetics. Clean, touch-friendly, native feel.
💻 Web
Design a web application with WeChat style. Professional, responsive layout.
📊 ダッシュボード
Design a dashboard with WeChat design language. Data-rich, organized, clear hierarchy.
📄 ランディングページ
Design a landing page with WeChat visual identity. Compelling, conversion-focused.
使用例
WeChat Design System アプリ
WebBuild a web app with WeChat design language and brand color system.
WeChat Design System ダッシュボード
ダッシュボードCreate a dashboard using WeChat style with data visualization and modern typography.
✅ 適した用途
- ソーシャルのシーン
- ミニアプリと公式アカウントのプロダクト
- リスト型情報アーキテクチャのモバイル
❌ 適さない用途
- 高彩度で個性的なブランドページ
- 没入型のダークゲーム UI
DESIGN.md ファイル
design.md オープン形式に準拠したデザインシステム記述。コピーまたはダウンロードして AI コーディングツールに渡せます。