Dessn

嗨，Product Hunt 👋

我是 Gab，Dessn 的联合创始人兼联席 CEO。Dessn 将你的真实产品带到设计画布上，让整个团队都能看清当前线上版本、发现设计偏移，并设计产品的下一步。

一直以来，我都无法接触自己正在打造的产品。作为产品负责人，我每天都在 Figma 和文档中工作，而我的联合创始人 Nim 整天泡在代码库里，用户看到的则是生产环境中的产品。我花了太多时间维护 Figma 的最新状态，结果第二天它又过时了。

如今，大家都在像不管明天一样疯狂 vibe-coding，这个问题只会更加严重。设计师和 PM 本应维持高标准、确保产品一致，但很多时候，他们甚至不知道生产环境中实际运行的是什么。

两年前，我还需要说服大家，生产环境才是事实来源。现在大家认同这一点，但仍然没有一款真正以生产环境为基础的设计工具。于是，Nim 和我打造了一个。

运作方式 🌼

Dessn 位于设计与开发工具的交汇处。你可以在专为设计工作流打造的画布上，直接使用生产代码库进行设计。

• 一键连接 GitHub、GitLab 或 Bitbucket，无需在本地进行繁琐配置。

• 我们以 1:1 的比例渲染前端，并模拟后端，让完整产品呈现在画布上，始终与生产环境保持同步。

• 让 Dessn 审查设计在哪些地方出现了偏移。

• 与队友一起修改，也可以通过 Dessn 的 MCP 与你的智能体协作。

• 将 code diff 交给编程智能体发布上线。

Dessn 只读取你的 repo，因此任何人都可以安全地探索。它支持采用任意技术栈的 Web 应用；iOS 版本正在封闭测试中。

我们打造 Dessn，是因为希望每一位创造者——无论是否懂技术——都能接触自己的事实来源。作为 PH 社区的一员，你可以获得 50 个免费额度：只需在 Dessn 中输入代码 PHBLOOM。请在你自己的 repo 上试试，并告诉我们：你最先想修复什么？

Gab

补充说明：非常感谢一路陪伴我们走过每个版本的早期用户，也感谢伦敦、旧金山和纽约的 Creative Machines 社区。是你们塑造了这一切。❤️