記事一覧へ
【保存版】AIで作った「なんかダサい」を一流SaaS企業のデザインにする方法
「Awesome Design MD」という世界的企業62社のデザインシステムをMarkdown1枚に凝縮したOSS。
・Vercel、Stripe、Notion、Apple、Spotifyなど62社収録
・色・フォント・コンポーネント・レイアウト原則がすべてセット
・プロジェクトに置いてAIに「これで作れ」と言うだけ
・MITライセンス・完全無料
もとはGoogleのStitchが提唱したDESIGN.mdというフォーマット。
AIエージェントが読むために設計されたMarkdownなので、そのままCursorやClaudeに渡せる。
「どの企業っぽくするか」を選ぶだけで、AIが一流SaaS企業風のUIを生成してくれる。
【著作権について】
リポジトリには「We do not claim ownership of any site's visual identity」と免責事項が明記されている。
収録されているのは公開CSSから読み取れるカラー値・フォント名などの「事実情報」であり、業界慣行として概ね許容範囲。
ツール自体の利用は問題ないが、収録デザインを丸ごとコピーして商品化するような使い方は別途リスクがあるため注意。

ai-thinkingclaude-workflowbusiness-modeldesign
「Awesome Design MD」で一流SaaS企業のデザインをAIに再現させる方法
♥ 236↻ 17
原文を表示 / Show original
【保存版】AIで作った「なんかダサい」を一流SaaS企業のデザインにする方法
「Awesome Design MD」という世界的企業62社のデザインシステムをMarkdown1枚に凝縮したOSS。
・Vercel、Stripe、Notion、Apple、Spotifyなど62社収録
・色・フォント・コンポーネント・レイアウト原則がすべてセット
・プロジェクトに置いてAIに「これで作れ」と言うだけ
・MITライセンス・完全無料
もとはGoogleのStitchが提唱したDESIGN.mdというフォーマット。
AIエージェントが読むために設計されたMarkdownなので、そのままCursorやClaudeに渡せる。
「どの企業っぽくするか」を選ぶだけで、AIが一流SaaS企業風のUIを生成してくれる。
【著作権について】
リポジトリには「We do not claim ownership of any site's visual identity」と免責事項が明記されている。
収録されているのは公開CSSから読み取れるカラー値・フォント名などの「事実情報」であり、業界慣行として概ね許容範囲。
ツール自体の利用は問題ないが、収録デザインを丸ごとコピーして商品化するような使い方は別途リスクがあるため注意。