设计师在 Figma 里做好方案,交给开发者,开发者用代码重新实现,确认后又来一轮修改请求。这个循环谁都经历过。

3秒速览
连接代码库 浏览器里改 UI AI 生成代码 自动生成 GitHub PR 开发者 Review 后合并

Dessn 是什么?

Dessn 是 2024 年由 Gabriella Hachem 和 Nim Cheema 在伦敦创立的初创公司。2026 年 5 月,他们完成了由 Connect Ventures 领投的 $6M 种子轮融资,Betaworks 和 N49P 跟投。目前团队只有 4 人。

核心理念很简单:把设计环境放到代码库内部,而不是外部。 现有工具都建立在"先设计,后转化成代码"的前提上。Dessn 反过来 — 用现有的生产代码库作为设计环境。

工作流程:给 GitHub 仓库授予读取权限,Dessn 在云端编译运行该代码库(不需要本地环境配置)。设计师通过浏览器界面修改 UI,AI 生成对应代码,变更以 GitHub PR 的形式提交给开发者审查。

Betaworks 合伙人 Jordan Crook 的评价:"这就是 Figma 如果今天创业会做的产品。" 这不是在现有设计工具栈上加功能,而是从根本上改变了设计工作发生的地方。

$6M
种子轮(2026年5月)
4人
当前团队规模
5小时+
部分用户日均使用时长

现有客户包括 Color(医疗健康)、Wispr(语音 AI)和 Mercury(金融科技)。 Wispr 的产品设计负责人 Abigail Augustine 说:"团队都非常喜欢 Dessn,我又找回了创造力的感觉。"

和 Figma、v0、Lovable 有什么区别?

关键区别在于起点。其他 AI 设计工具都针对从零开始创建内容做了优化。Dessn 专注于快速修改已有的内容

传统方式(Figma→交付)Dessn
工作场所设计工具(代码库外部)在实际代码库内部
还原度设计稿和实现之间存在偏差代码库内完美还原
交付开发者根据设计稿重新实现变更直接以 GitHub PR 提交
迭代修改设计稿→重新提交→等待直接修改真实组件
环境配置需要开发者配置本地环境云端运行,零配置

联创 Nim Cheema 的创业逻辑:"两年前创业时,我们的判断是代码会被商品化。" AI 让代码生成越来越廉价,真正的差异化竞争力就会落到设计上。

如何开始使用

  1. 在 dessn.ai 注册
    免费开始。一个仓库,每周 5 次 Prompt,无需信用卡。
  2. 连接 GitHub 仓库
    只需读取权限。Dessn 自动在云端编译代码库,无需本地配置。
  3. 在浏览器里开始修改 UI
    真实组件会在浏览器中渲染。用自然语言发出指令:"把这个按钮改成品牌主色"、"这里加 16px 内边距"。
  4. 查看自动生成的 PR
    变更会以 GitHub PR 形式提交。开发者像审查普通代码一样 Review 并决定是否合并。
  5. 超出免费额度后升级
    付费计划 $39/用户/月起。更多 Prompt 次数、公开分享链接、不参与 AI 训练数据的选项。

适合哪类团队

已有 React 生产产品、设计师经常为小 UI 改动向开发者提单的团队最适合。如果你还在早期方案阶段,FigmaFramer 更合适。Dessn 的价值在于产品已存在之后的迭代循环。

想深入了解

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

官方新闻稿 — Dessn raises $6m 包含创始人 Gabriella Hachem 的直接引用和用户证言。 einpresswire.com

Dessn Raises $6M — Code is Getting Cheap 深入探讨为什么代码商品化使设计成为新竞争壁垒。 briefs.co