CraftUI

CraftUI

Unknown · 画像 · コーディング

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

CraftUI の画面プレビュー

CraftUI について

About

CraftUIとは

CraftUIは小さなデザインAIのひとつで、プロンプトが空白のキャンバスを置き換え始めた時期に現れた。主張ははっきりしていた。画面を言葉で説明するか画像を投げ込めば、描き上がったコンポーネントが返ってくる。あとは手を入れるだけという発想だ。

アプリビルダーではない。作業単位はコンポーネント止まりで、ボタン、カード、フォーム、ナビゲーションバーといった部品を扱う。価値はそこにある。作りたいものの輪郭はあるが、目の前に置いて議論できる具体物が要る。空のFigmaファイルはその役に立たない。

先にひとつ断っておく。公式ドメインはもう製品を配信していない。2026年末の時点でcraftui.studioはドメイン売却ページへ転送され、料金ページも更新履歴も公開ドキュメントも残っていない。以下は発表当時の姿の説明であり、今から登録できるサービスの話ではない。

はじめかた

アプリが動いていた頃の流れを、公開されていた説明に沿って整理する。

  1. ブラウザでサイトを開く。インストール不要で、デスクトップアプリもない。
  2. 入力方法を選ぶ。欲しい画面をプロンプトで書くか、参考画像をアップロードする。
  3. 生成されたコンポーネントを見て、意図に最も近いものを残す。
  4. 結果をデザインファイルかコードエディタへ移し、色、余白、書体を整える。

4番目は手作業だった。書き出し形式やプラグインに関する資料は残っておらず、コピー&ペーストが前提になる。

AIツール情報

CraftUIの料金、対応プラットフォーム、性能を簡単に確認できます。

無料プランいいえ
有料プランN/A
プラットフォームWeb
開発元Unknown
カテゴリ画像 · コーディング
リリース日Jan 2024
最終更新Oct 2025
サイト訪問数N/A
サイト世界ランキングN/A
API提供状況N/A

こんな人におすすめ

このツールが最も力を発揮するユーザー、タスク、シーン。

ユーザー

  • すぐに初稿が要るプロダクトデザイナー:UIパターンをすでに知っていて、議論の叩き台だけ欲しい人に向いていた。
  • チームにデザイナーがいない創業者:デモ用に触れる画面が必要なとき、プロンプトはデザイン発注より安い。
  • コンポーネント単位で考えるフロントエンド開発者:カードやフォームを再利用できるブロックとして読めるなら、出力はそのままコードに収まる。

タスク

  • スクリーンショットを編集可能な部品に変える:参考画像を上げて構造を受け取れば、他人のレイアウトを手で写し直さずに済む。
  • 小さなデザインシステムの穴を埋める:空状態や設定パネルが1つ足りない程度の作業は、ゼロから描くより生成が速い。
  • 作り込む前にレイアウト案を試す:2カラムの料金表が成立するかどうかは、粗い出力でも判断できる。

シーン

  • 翌朝にデザインレビューがある:半端な状態のコンポーネントでも、スライド上の説明より会議室では役に立つ。
  • 古い画面をリニューアル向けに作り直す:まず現状を描き、壊れている部分だけを変える。
  • デザイン予算のない個人プロジェクト:コンポーネント単位の出力は、まさにその規模のために作られていた。

主な機能

画像からコンポーネントへ

CraftUIが掲げた中核は画像からUIへの生成だった。画像を読み取り、コンポーネントを返す。スクリーンショット、モックアップ、スケッチが入力になり、参考資料が文章ではなく写真のときに助かる。出力は並べ替えできる部品で、画面を平らに写した画像ではない。

テキストからUIへ

もうひとつの入口は文章だ。欲しいものを1、2文で書けば、対応するコンポーネントが出てくる。最も手軽な始め方で、このカテゴリで最初に試されるのはたいていこの経路である。

コンポーネント単位の出力

サイト全体を生成するツールとの違いはここにある。AIインターフェース生成ツールとして返すのは部品であり、製品そのものではない。デザインの現場では多くの場合それが正しい。よくできたカードやフィルタバーは、10以上の画面で使い回せる。

ブラウザだけで完結

インストールなしでブラウザ上で動く。ブラウザで使えるデザインツールの利点はそこだ。借りたノートPCでも、権限の縛られた社用端末でも試せて、自分の工程に残すかどうかは後から決められる。

軽い反復

作業単位がコンポーネントなので、変更は小さいままで済む。カード1枚のためにプロンプトを流し直しても、ページ全体を作り直す必要はない。大きな生成ツールでよく起きる不満はそこにある。

メリットとデメリット

メリット

  • 守備範囲が明確:コンポーネント生成だけを行い、アプリビルダーのふりをしなかった。
  • 入力が2種類:画像とテキストで、参考資料がある場合と曖昧なアイデアしかない場合の両方をカバーした。
  • インストール不要:ブラウザで動くため、最初のテストに設定が要らない。
  • 手を入れられる出力:固定された描画済み画面より、部品のほうが自分の意匠に合わせやすい。

デメリット

  • 製品が終了した:ドメインは売却ページを指しており、登録も復旧もできない。
  • 公開情報が乏しい:料金ページも更新履歴もヘルプセンターも残っておらず、公表された制限を確認できない。
  • 受け渡しは手作業:書き出し方法もプラグインも公開されておらず、Figmaやコードへ移すには自分でコピーするしかなかった。

よくある質問

使えない。craftui.studioは製品を配信しておらず、現在はドメイン売却ページへ転送される。古いリンクや解説は過去の資料として扱うべきだ。