Tony BeltramelliがUizardをpix2codeから320万ユーザーのAI designへ育てた転換

Tony Beltramelliは、Uizardを「product designを誰にでもaccessibleにする」ための会社として始めたと説明している。出典

研究プロジェクトからの出発

物語の起点は2017年、コペンハーゲンで始まったmachine learning研究プロジェクトpix2codeだった。

コードや画面の関係を扱う研究は、まだ一般ユーザーが使うdesign toolではない。

そこから、誰でもアイデアを画面にできる形へ進む余地が見えた。出典

2018年、会社として形になる

2018年、サンフランシスコへの移動とMountain Viewのgarageでのhacking sessionを経て、Uizardは会社として形成された。

Tony Beltramelliらは、machine learningとAI-powered designへの確信を持ちながらも、その方向性は当時「misunderstood and confusing」だったと振り返る。出典 出典

機能をworkflowへ翻訳する

Uizardは研究成果だけを見せるのではなく、template、wireframe、mockup、prototype、Screenshot Scanner、Wireframe Scannerへと入口を増やした。

利用者は白紙から始めず、手元の画像やラフを編集可能な画面へ持ち込める。出典 出典

3.2M usersからMiroへ

公式Aboutページは25,000以上のteam、週10,000 projects、300万以上のprofessionalsを公表し、Autodesigner 2.0の発表では3.2M users and teams、AI生成UI比率80%以上を示した。出典 出典

2024年にはMiroへの参加を発表し、Uizardはvisual collaborationの大きな配信面と組み合わさる段階に入った。出典

現在地

Uizardの道のりは、AI研究をそのまま製品にした話ではない。

技術を、非デザイナーの最初の一枚、teamの会話、prototypeの反復へ順番に翻訳した話である。

買収対価や独立サービスの次の形は非公開だが、専門知識の入口を下げる設計は、日本の新規事業にも持ち帰れる。

UizardのPMFは、アイデアを持つPM・founder・marketerが、専門的なUI design skillなしで検証用prototypeを作りたい痛みにある。

公式は非デザイナーのdesign democratizationを掲げ、text、screenshot、手描きwireframeをeditable UIへ変換する導線を揃える。出典

3.2M users and teams、AI生成UIが80%以上という利用実績は、単なる画像生成ではなくproduct workflowの入口を押さえたことを示す。出典

moatはモデル単体より、pix2codeから蓄積したdesign transformationのworkflow、template、screenshot/wireframe変換、そして25,000以上のteam利用にある。出典

ただし生成AIの基盤モデル差は縮まりやすく、継続的なUX改善が必要だ。

network effectは弱〜中程度。

共同編集やteam利用は参加者を増やすが、片側の利用者が増えるだけで直接価値が比例するmarketplaceではない。

Miroとの連携はvisual collaboration側の接点を広げる。出典

主対象はPM、startup founder、marketer、UX professional、開発者で、初期アイデアを短時間で可視化したい人。

pixel-perfectな最終designを厳密に管理する専業デザイナーには、既存design systemとの運用確認が必要だ。

成功要因は三つある。

第一に2017年のpix2code研究を、非デザイナー向けの具体的なworkflowへ翻訳したこと。出典

第二にfree tierからProへ進めるproduct-ledな価格設計。出典

第三にMiroとの接続で、個人のprototypeをcross-functional collaborationへ広げたこと。出典

最大のリスクは、生成速度が上がるほどdesign品質の判断とbrand consistencyが利用者側へ戻ることだ。

公式ページは機能と利用者数を詳しく示す一方、収益額、retention、生成物の品質分布は公開していない。出典

さらにMiro参加後のproduct roadmapと独立サービスとしての位置づけは要確認である。

獲得はfree tier、template、教育的なblog、AI機能の新機能発表を組み合わせたPLG型である。出典

Autodesigner、Screenshot Scanner、Wireframe Scannerは検索されやすい課題別入口になり、導入後はteam workflowへ拡張する。

Miro参加は配信・統合のレバレッジを得る一方、独立ブランドの裁量との交換条件になる。

主要チャネル: content, community, product-led, partnership

専門職の仕事を丸ごと代替すると宣言するより、最初の可視化と検証の摩擦を減らす方がAI productは導入されやすい。

Uizardはresearch projectをそのまま売らず、template、scanner、team collaborationへ翻訳した。出典

機能の派手さより、最初の一歩を無料で試せる導線が重要だ。

日本では社内新規事業、営業提案、自治体サービスの要件整理など、design専門職が常時同席しない場面に適性がある。

日本語UIや国内のdesign system、情報管理要件への対応が進めば、prototypeの前工程を短縮する道具になり得る。

ただし生成物をそのまま本番採用せず、アクセシビリティと個人情報をレビューする運用が必要だ。