CraftUI
Unknown · 画像 · コーディング
CraftUIはスクリーンショットやスケッチ、テキストプロンプトから編集可能なUIコンポーネントをブラウザ上で生成した。公式サイトはすでに停止しており、今から使えるツールではない。

CraftUI について
About
CraftUIとは
CraftUIは小さなデザインAIのひとつで、プロンプトが空白のキャンバスを置き換え始めた時期に現れた。主張ははっきりしていた。画面を言葉で説明するか画像を投げ込めば、描き上がったコンポーネントが返ってくる。あとは手を入れるだけという発想だ。
アプリビルダーではない。作業単位はコンポーネント止まりで、ボタン、カード、フォーム、ナビゲーションバーといった部品を扱う。価値はそこにある。作りたいものの輪郭はあるが、目の前に置いて議論できる具体物が要る。空のFigmaファイルはその役に立たない。
先にひとつ断っておく。公式ドメインはもう製品を配信していない。2026年末の時点でcraftui.studioはドメイン売却ページへ転送され、料金ページも更新履歴も公開ドキュメントも残っていない。以下は発表当時の姿の説明であり、今から登録できるサービスの話ではない。
はじめかた
アプリが動いていた頃の流れを、公開されていた説明に沿って整理する。
- ブラウザでサイトを開く。インストール不要で、デスクトップアプリもない。
- 入力方法を選ぶ。欲しい画面をプロンプトで書くか、参考画像をアップロードする。
- 生成されたコンポーネントを見て、意図に最も近いものを残す。
- 結果をデザインファイルかコードエディタへ移し、色、余白、書体を整える。
4番目は手作業だった。書き出し形式やプラグインに関する資料は残っておらず、コピー&ペーストが前提になる。
AIツール情報
CraftUIの料金、対応プラットフォーム、性能を簡単に確認できます。
こんな人におすすめ
このツールが最も力を発揮するユーザー、タスク、シーン。
ユーザー
- すぐに初稿が要るプロダクトデザイナー:UIパターンをすでに知っていて、議論の叩き台だけ欲しい人に向いていた。
- チームにデザイナーがいない創業者:デモ用に触れる画面が必要なとき、プロンプトはデザイン発注より安い。
- コンポーネント単位で考えるフロントエンド開発者:カードやフォームを再利用できるブロックとして読めるなら、出力はそのままコードに収まる。
タスク
- スクリーンショットを編集可能な部品に変える:参考画像を上げて構造を受け取れば、他人のレイアウトを手で写し直さずに済む。
- 小さなデザインシステムの穴を埋める:空状態や設定パネルが1つ足りない程度の作業は、ゼロから描くより生成が速い。
- 作り込む前にレイアウト案を試す:2カラムの料金表が成立するかどうかは、粗い出力でも判断できる。
シーン
- 翌朝にデザインレビューがある:半端な状態のコンポーネントでも、スライド上の説明より会議室では役に立つ。
- 古い画面をリニューアル向けに作り直す:まず現状を描き、壊れている部分だけを変える。
- デザイン予算のない個人プロジェクト:コンポーネント単位の出力は、まさにその規模のために作られていた。
主な機能
画像からコンポーネントへ
CraftUIが掲げた中核は画像からUIへの生成だった。画像を読み取り、コンポーネントを返す。スクリーンショット、モックアップ、スケッチが入力になり、参考資料が文章ではなく写真のときに助かる。出力は並べ替えできる部品で、画面を平らに写した画像ではない。
テキストからUIへ
もうひとつの入口は文章だ。欲しいものを1、2文で書けば、対応するコンポーネントが出てくる。最も手軽な始め方で、このカテゴリで最初に試されるのはたいていこの経路である。
コンポーネント単位の出力
サイト全体を生成するツールとの違いはここにある。AIインターフェース生成ツールとして返すのは部品であり、製品そのものではない。デザインの現場では多くの場合それが正しい。よくできたカードやフィルタバーは、10以上の画面で使い回せる。
ブラウザだけで完結
インストールなしでブラウザ上で動く。ブラウザで使えるデザインツールの利点はそこだ。借りたノートPCでも、権限の縛られた社用端末でも試せて、自分の工程に残すかどうかは後から決められる。
軽い反復
作業単位がコンポーネントなので、変更は小さいままで済む。カード1枚のためにプロンプトを流し直しても、ページ全体を作り直す必要はない。大きな生成ツールでよく起きる不満はそこにある。
メリットとデメリット
メリット
- 守備範囲が明確:コンポーネント生成だけを行い、アプリビルダーのふりをしなかった。
- 入力が2種類:画像とテキストで、参考資料がある場合と曖昧なアイデアしかない場合の両方をカバーした。
- インストール不要:ブラウザで動くため、最初のテストに設定が要らない。
- 手を入れられる出力:固定された描画済み画面より、部品のほうが自分の意匠に合わせやすい。
デメリット
- 製品が終了した:ドメインは売却ページを指しており、登録も復旧もできない。
- 公開情報が乏しい:料金ページも更新履歴もヘルプセンターも残っておらず、公表された制限を確認できない。
- 受け渡しは手作業:書き出し方法もプラグインも公開されておらず、Figmaやコードへ移すには自分でコピーするしかなかった。
よくある質問
使えない。craftui.studioは製品を配信しておらず、現在はドメイン売却ページへ転送される。古いリンクや解説は過去の資料として扱うべきだ。
関連コンテンツ
CraftUIに関連するツール、スキル、記事を探す。
CraftUIの代替ツール
Google EmbeddingGemma 2
Google DeepMind · ライティング · 画像 · コーディングGoogle EmbeddingGemma 2 は 7 億 4000 万パラメータのオープンなモデルで、テキスト、コード、画像、音声、動画フレームを同じ 768 次元空間のベクトルに変え、スマートフォンやノート PC 上で動く。
Tractionwave
TractionWave · 画像 · マーケティングTractionWaveは静止画広告のアテンションヒートマップを作るAIツールだ。PNGかJPGを入れると、予測された注目位置、優先順位付きホットスポット、修正案が返る。予算を投じる前の判断に使う。
Imejis.io
Imejis.io · 画像 · マーケティングImejis.io はエージェントとマーケティングチームのための AI デザインスタジオだ。ふだんの言葉で画像を説明すれば、コピーを書き、レイアウトを組み、全サイズへ自動で組み替え、完成ファイルを書き出す。
