CSSPicker is a browser-extension plus web-app toolkit that lets developers extract the HTML and CSS of any element on a live site, convert screenshots or UI mockups into React, HTML, or Tailwind code, and iterate on that code with an AI chat assistant.
| 項目 / 指標 | ![]() | |
|---|---|---|
| 公式ドメイン | codedesign.ai | csspicker.dev |
| 料金モデル | フリーミアム、有料 | フリーミアム |
| 月間訪問数 | 12.66万 (126,602) | 1.98万 (19,800) |
| 前月比トラフィック増減 | -4.7万 (-27.1%) | -1.73万 (-46.6%) |
| 主要市場とシェア | 🇺🇸 アメリカ合衆国 (31.1%) | 🇮🇳 インド (13.3%) |
| 月間ダイレクト訪問数 | 3.99万 | 7966 |
| ユーザー評価 | 4.1 | 4.1 |
| 対応プラットフォーム | ウェブサイト | ウェブサイト |

ホスト・同期・エクスポートができるエージェント型AIサイトビルダー
ビジネスを平易な言葉で説明すると、数秒で完全かつ編集可能な複数ページのサイトを生成します。
要望を言葉で伝えてコピーやレイアウトを変更するか、要素をドラッグ&ドロップで調整できます。
CodeDesignのクラウドにホスト、WordPressに同期、またはクリーンなHTMLとCSSを書き出して任意の環境で運用できます。
ダッシュボード内でドメインを購入・接続し、SSLを自動設定。訪問者・流入元・人気ページを確認できます。
CSSPicker is a browser-extension plus web-app toolkit that lets developers extract the HTML and CSS of any element on a live site, convert screenshots or UI mockups into React, HTML, or Tailwind code, and iterate on that code with an AI chat assistant.
A browser extension extracts clean HTML and CSS from any element on a live page and converts it into Tailwind, React, or your chosen framework.
Upload a UI design or screenshot and get responsive, structured front-end code back in seconds.
Generate production-ready React components or complete HTML pages and email templates from text prompts, with Tailwind, Bootstrap, or vanilla CSS support.
Refine generated components conversationally and preview edits in real time inside an interactive code editor.
編集可能なキャンバスとデザインエージェントを備えたプロ向けサイトビルダー

Studio.Design is a browser-based design tool that turns a design into a published website without code. It combines a professional design editor, a built-in CMS, hosting, forms, SEO controls, Lottie animations, and Figma import, so designers and non-coders can ship portfolio sites, landing pages, and content-heavy sites on their own domains.
Studio.Design is a browser-based design tool that turns a design into a published website without code. It combines a professional design editor, a built-in CMS, hosting, forms, SEO controls, Lottie animations, and Figma import, so designers and non-coders can ship portfolio sites, landing pages, and content-heavy sites on their own domains.

チームとAIエージェントで、ブランドに沿ったプロダクト体験を届ける
チームとAIエージェントで、ブランドに沿ったプロダクト体験を届ける

Readdy is an AI website builder that generates complete, production-ready websites from plain-language prompts, uploaded screenshots, Figma frames, or a reference URL. It adds hosting, a built-in backend, forms, SEO tools, and code export so one platform can build and run the whole site.
Readdy is an AI website builder that generates complete, production-ready websites from plain-language prompts, uploaded screenshots, Figma frames, or a reference URL. It adds hosting, a built-in backend, forms, SEO tools, and code export so one platform can build and run the whole site.
チャットの指示からビジネスサイトを立ち上げるAIウェブ制作ツール

HTMLとFigma書き出しに対応したAIランディングページビルダー
HTMLとFigma書き出しに対応したAIランディングページビルダー
AI支援と無料コード書き出しを備えたローコードサイトビルダー
特化型プロンプト・スケッチ・URLをFigma対応のUIデザインとコードに変換