AI 分析
痛点:用 AI coding agent 直接写 UI 后没有设计画布,容易漏掉 UI 回归:agent 重复手写已存在的组件、垂直节奏不一致、移动端横向溢出。
目标用户:跳过 Figma、直接用 Cursor/Claude Code 等 AI agent 写前端的独立开发者与小团队
证据:“how easy it is to miss UI regressions when you don't have a design canvas” / “agents hand-rolling components that already exist, inconsistent vertical rhythm, horizontal overflow on mobile” / “It's completely free and open source.”
变现:开源核心 + 托管 SaaS 订阅:团队协作画布、历史快照对比、CI 里自动跑断点视觉回归并按席位或项目数收费。
MVP:做一个 MCP/CLI 小工具:自动起 dev server、抓取各路由在移动/桌面断点的真实截图,拼成一张可连线的画布,并对比上一次快照高亮差异;再支持在截图上批注转成 agent 任务。两周内可交付本地版本。
竞品:Chromatic、Percy、Argos、Lost Pixel、Storybook、Flowmap(本帖开源免费)
摘要:作者观察到越来越多人跳过 Figma 直接用 AI coding agent 写代码,但缺少设计画布导致 UI 回归难发现:agent 自造组件、垂直节奏不一致、移动端横向溢出。作者为此自建并开源了 Flowmap,把真实屏幕抓进画布、支持移动/桌面断点切换、UI 批注转成 agent 任务。全程免费开源,帖中无任何付费意愿或收入数据。