AI がデザインの正解を知ってくれる差込口
Better Design
💬 In one line
AI に「ストライプやノーションみたいなデザインで作って」と頼むときに、色・文字・間隔などの「正解」をセットで教える差込口。AI が自分で色を選んで「AI っぽい見た目」にならないようにする
✨ What it does
-
有名アプリのデザインルールを AI に教える
Stripe や Notion などの実際に使われているデザインシステムのルール集が用意されていて、AI がそれに合わせて作ってくれるから、素人くさいUIにならない
-
AI が自分で作ったものをチェック
色のコントラストが足りない、ボタンが押しにくい、など「見た目の失敗」を AI 自身が気づいて直す機能がついている
-
ツールに合わせて選べる
Claude Desktop、Cursor、VS Code など、いろいろな AI コーディング支援ツールにつなげられる
🛠 Who it helps
AI を使ってアプリやウェブサイトの画面を作る人たちが役立ちます。特に「AI に任せたら変な色合いになった」「統一感がない見た目になった」という経験がある人向け。会社で使うツールやスタートアップのアプリを作るときに活躍します
⚠️ Caution
このプログラムは比較的新しい試作品です。セットアップには少し手間がかかります。あらかじめ用意されているデザインシステムは限られているので、自社独自のルールがある場合は別途工夫が必要かもしれません
🔗 Original
The write-up above summarises the original. See it for the exact details.
Repository: marvkr/better-design TypeScript
The headline and summary are an AI's Japanese rendering of a page published by an individual or a small team. They can diverge from the original. For the exact wording, follow the link to the source. Terms of Use