your-ui-ux-designer
画面を作る人向けの、ベテランデザイナーの確認ルールでAIに画面を作らせる追加機能
🛠️ 自分で作れる度★★★★★🗾 日本でやれる度★★★★★
🧩どんなサービス？ 6つのポイント
👤誰が使う？
AIにコードを書かせてWebサイトを作る、個人開発者やデザイナー。
😩困っていたこと
「このサイトみたいな見た目にして」とAIに頼んでも、うまく伝わらない。色や動きを言葉で説明するのは大変。
✅してくれること
見ているサイトの色・文字・レイアウトを読み取り、AI用の指示文にまとめる。新しい版ではボタンの動きや登場アニメも、実際のコードごと入れてくれる。
🤖AIの役割
AIそのものより、コードを書くAIに渡す「伝わる指示文」を作るところで役に立つ。
💰お金の仕組み
無料で試せて、App Storeで配っている。有料版の中身や価格は不明。
📈うまくいっている証拠
利用者から動きの読み取りを頼まれて1.1版を出した。数字の実績はまだない。
🛠️自分でも作れる？
🧑💻率直なところ
個人で作れる。ページのCSSを読むブラウザ拡張が作れれば1〜2ヶ月で形になる。
🗾日本でやるなら
日本のノーコード好きや、AIでサイトを作る副業の人に売れる。月500〜1000円か買い切りで、XやZennで使い方動画を流して広める(たぶん)。
👣最初の一歩
好きなサイトの見た目を手作業で指示文にし、AIでどこまで再現できるか試す。その結果をXに出して反応を見る。
✨まねするならこのアイデア
- Chrome向けのデザイン読み取り拡張
- LP制作の副業者向けの見本まね指示文
- Figma向けの動きコード書き出し
- Webデザイン学習者向けの動き解説ツール
🔬らぼのひとこと
AIそのものを作らず、AIに渡す「材料」を作る商売なのが面白いところ。言葉で伝えにくい色や動きを、コードのまま渡す発想がうまい。利用者の声を聞いて、すぐ機能を足しているのも良い。
🔎 くわしい点数と情報源
- reddit_sideprojecthttps://reddit.com/r/SideProject/comments/1x59kgr/shipped_11_of_my_safari_extension_it_now_reads_a
- officialhttps://siteprint.app
原文: Siteprint turns a website's design into a prompt for coding agents.