デザイナーがFigmaでモックアップを作り、開発者に渡し、開発者がコードで再実装し、確認後また修正依頼が来る。誰もが経験したことのあるループですよね。

3秒まとめ
コードベース接続 → ブラウザでUI変更 → AIがコードを生成 → GitHub PR自動生成 → 開発者レビューしてマージ

Dessnとは何ですか？

Dessnは2024年にGabriella HachemとNim Cheemaが設立したロンドン発のスタートアップです。2026年5月にConnect Ventures主導で$6Mのシード資金を調達しました。現在チームは4人です。

コアアイデアはシンプルです。デザイン環境をコードベースの外ではなく内側に持ち込む。 既存のツールは全て「先にデザインして後でコードに変換」という前提で作られています。Dessnはその逆 — 既存の本番コードベースをデザイン環境として使うんです。

動作の仕組みはこうです。GitHubリポジトリに読み取りアクセスを付与すると、Dessnがそのコードベースをクラウドでコンパイルして実行します。ローカル開発環境のセットアップは不要。その上でデザイナーがブラウザインターフェースからUIを修正し、AIがコードを生成、変更がGitHub PRとして上がります。

BetaworksのパートナーJordan Crookはこう表現しました。「Figmaが今日創業するなら作っただろうツール。」 デザインツースタックへの機能追加ではなく、デザイン作業がどこで行われるかという前提を変える製品です。

$6M
シード調達（2026年5月）
4人
現在のチーム規模
5時間+
一部ユーザーの1日平均使用時間

現在の顧客はColor（ヘルスケア）、Wispr（音声AI）、Mercury（フィンテック）です。 WisprのProduct Design Lead Abigail Augustineはこう語っています。「チーム全員が本当にDessnを気に入っています。また創造的な気分になれました。」

Figma、v0、Lovableとの違いは？

最大の違いは「どこから始めるか」です。他のAIデザインツールは全て、ゼロから何かを作ることに最適化されています。Dessnはすでに存在するものを素早く変えることに特化しています。

従来の方法（Figma→ハンドオフ）Dessn
作業場所デザインツール（コード外）本番コードベース内
忠実度モックアップと実装にギャップコード内で完璧な忠実度
ハンドオフ開発者がデザインを再実装GitHub PRとして直接反映
イテレーションモックアップ修正→再転送→待機実コンポーネントで即時修正
セットアップ開発者環境が必要クラウド実行、セットアップ不要

共同創業者Nim Cheemaの創業thesis：「2年前に始めた時、私たちの仮説はコードが商品化されるというものでした。」 AIがコード生成を安価にするほど、本当の差別化要素はデザインになるという論理です。

始め方

  1. dessn.aiでサインアップ
    無料で始められます。リポジトリ1つ、週5回プロンプト、クレジットカード不要。
  2. GitHubリポジトリを接続
    読み取りアクセスのみでOK。Dessnがクラウドで自動コンパイルします。ローカル環境セットアップ不要。
  3. ブラウザでUI変更を始める
    実際のコンポーネントがブラウザでレンダリングされます。「このボタンをブランドプライマリカラーに変えて」「ここに16pxのパディングを追加して」のように自然言語で指示します。
  4. 自動生成されたPRを確認
    変更はGitHub PRとして上がります。開発者は通常のコードレビューと同じように確認してマージします。
  5. 無料枠を使い切ったら有料プランへ
    $39/ユーザー/月から。より多くのプロンプト、公開共有リンク、AIトレーニングデータ除外オプションが含まれます。

このツールが向いているチーム

既存のReactベース本番製品があり、デザイナーが小さなUI変更のたびに開発者にチケットを上げているチームに最適です。アイデア段階からの初期モックアップならFigmaやFramerの方が適しています。

もっと深く知りたい方へ

Dessn — Design in production 公式サイト。ワークフローの動作確認と料金プランの確認はここから。 dessn.ai

Dessn raises $6M for its production-focused design tool TechCrunchの原報道。創業者インタビューと競合ポジショニングが詳しい。 techcrunch.com

AI Design Startup Dessn Secures $6M The AI Insiderの分析。Figma・Lovable・v0との比較が分かりやすい。 theaiinsider.tech

Official press release — Dessn raises $6m 創業者Gabriella Hachemの直接引用とユーザー証言が掲載されています。 einpresswire.com

Dessn Raises $6M — Code is Getting Cheap コードの商品化がなぜデザインを新しい競争優位にするのか、創業仮説を深く掘り下げています。 briefs.co