博客

  1. Open Design Shanghai AI Workshop cover showing Shanghai landmarks built from code-like line art 社区

    Open Design AI Workshop 来到上海

    一场面向学生、开发者、设计师和 AI 工具爱好者的上海线下实战工作坊,现场把 prompt 和 reference 变成真正可展示的 AI 作品。

    2026年7月2日 3 分钟阅读 阅读 →
  2. A warm editorial illustration of three groups of AI design-agent cards on a desk — creative assets, task helpers, and an agent-native pipeline — with the design-to-code agent card lifted out and held in a green selection frame, beside soft plants and a coffee mug 指南

    2026 年最佳 AI 设计 Agent:一份诚实、实测过的指南

    在 2026 年,“AI 设计 agent”其实指代三种完全不同的东西——创意云端套件、任务机器人,或是把你的设计一路落地成可上线代码的 agent。大多数榜单把它们混为一谈。这里给你一份诚实的地图:哪些才是最好的 AI 设计 agent、每一类到底是用来干嘛的,以及一个能帮你判断自己需要哪一种的关键问题。

    2026年6月30日 8 分钟阅读 阅读 →
  3. A warm editorial illustration of a clickable mockup prototype and a running code prototype side by side on a desk, with the code prototype that becomes the shipped product held in a green selection frame, beside soft plants and a coffee mug 指南

    2026 年最好用的 AI 原型工具:一份实测过的诚实指南

    2026 年这些 AI 原型工具的真正分水岭,恰恰是清单文章避而不谈的那一点:原型是用完即弃,还是会变成你最终上线的产品?这里有一份诚实的地图——mockup 原型、代码原型、规划工具、agent 原生流水线——以及如何挑出最契合你下一步要做的事的那一个。

    2026年6月30日 9 分钟阅读 阅读 →
  4. A warm editorial illustration of a row of AI design-tool cards on a scorecard, with one card — a plain-text design file you can keep — lifted out and held in a green selection frame, on a near-white paper ground with soft plants and a coffee mug 指南

    2026 年最好用的 AI 设计工具:一份诚实、亲测过的指南

    大多数「2026 最好用的 AI 设计工具」榜单只看谁的演示更漂亮,却跳过了真正决定你选择的那个问题:这份设计最终能不能变成你自己拥有、可以上线的代码?这里给你一张诚实的地图——一份覆盖六大类别的评分表、值得你花时间的 UI/UX、产品和网页设计工具,以及其他所有榜单都会遗忘的那个类别。

    2026年6月30日 10 分钟阅读 阅读 →
  5. A warm editorial illustration of a row of AI app-builder cards on a desk, with one card — an open folder of portable files you own — lifted out and held in a green selection frame, beside soft plants and a coffee mug 指南

    最佳 Bolt.new 替代方案(2026):按你离开它的真正原因来选

    大多数替代方案清单只是一堆带评分的 logo。这份不一样——按你真正想离开 Bolt 的原因分组,把每个替代方案悄悄塞给你的取舍说清楚。

    2026年6月30日 9 分钟阅读 阅读 →
  6. A warm editorial illustration of a design mockup flowing through an arrow into clean code, with the connecting design-system file card held in a green selection frame, on a near-white paper desk with soft plants and a coffee mug 指南

    设计转代码工具:哪个适合你?

    设计转代码不是一个品类,而是四种完全不同的思路。真正帮你省事的关键,是看清你买的到底是一次性导出,还是一条能反复跑的流水线。

    2026年6月30日 9 分钟阅读 阅读 →
  7. A warm editorial illustration of several design-tool windows grouped into camps — an open-source canvas, a native app, an AI generator — with one option, a plain-text design-to-code pipeline, lifted out and held in a green selection frame, on a near-white paper desk with soft plants and a coffee mug 指南

    2026 年最佳 Figma 替代品:按你想离开的理由来选

    没有任何一款工具能彻底取代 Figma。真正该问的不是「什么能替代 Figma」,而是「你到底想离开 Figma 的哪一部分」——这份地图按离开的理由分类,帮你对号入座。

    2026年6月30日 9 分钟阅读 阅读 →
  8. A warm editorial illustration of a terminal prompt becoming a polished UI screen on a tablet, with a design-system file card (DESIGN.md) held in a green selection frame connecting the two, beside soft plants and a coffee mug 指南

    如何用 Claude Code 做前端设计(2026 指南)

    Claude Code 能做出真正出色的前端设计——但前提是配置和提示词都到位。这份实操指南告诉你怎么做:安装 frontend-design 插件、用审美方向而非像素值来提示、逐个引导设计维度,并把一次性的单页效果升级成一套你能真正拥有的设计系统。

    2026年6月30日 9 分钟阅读 阅读 →
  9. A warm editorial illustration of a row of prompt-to-app tool cards on a desk, with one card — plain files with no usage meter — lifted out and held in a green selection frame, beside soft plants and a coffee mug 指南

    最佳 Lovable 替代品(2026 年):按你离开的真正原因来选

    大多数「Lovable 替代品」清单都在卖 logo。这份不是排名,而是一张地图——按你离开 Lovable 的真正原因分组,并讲清每个替代品在换来好处的同时让你付出什么代价。

    2026年6月30日 9 分钟阅读 阅读 →
  10. A warm editorial illustration of a row of AI UI-generator cards on a desk, with one card — a UI component lifted into a code repo with no usage meter — held in a green selection frame, beside soft plants and a coffee mug 指南

    v0 替代方案:按你离开的真正原因来选

    v0 擅长把一句提示词变成干净的 React 组件,但很多人会撞上定价、范围或归属权的墙。这份指南按你离开 v0 的不同原因,理清各个替代方案各自的取舍。

    2026年6月30日 8 分钟阅读 阅读 →
  11. Open Design Osaka / Kyoto meetup cover showing Osaka and Kyoto landmarks built from code-like line art Community

    Open Design is coming to Osaka / Kyoto

    A small meetup for designers, builders, and AI-native teams exploring how agents change design, prototyping, and product work.

    2026年6月29日 3 分钟阅读 阅读 →
  12. A warm editorial illustration of a website becoming a design system — a browser window, a design-system kit card with color swatch dots and type samples, and a finished document — on a cream paper ground with soft plants and a coffee mug Product

    Open Design 0.12.0:你的品牌就是一套设计系统

    标签 open-design-v0.12.0 —— 六天内 30 位贡献者提交了 103 个 PR。代号「品牌支撑的设计系统」。把 Open Design 对准一个在线站点、丢进一个 Figma 文件,或者在浏览器里剪取一个页面,它就会把真实的品牌 —— 配色、字体、语调 —— 提炼成一套可复用的设计系统,让你在之后的每个项目里都能以它为基础进行构建。

    2026年6月26日 7 分钟阅读 阅读 →
  13. A hand-drawn pencil wireframe transforming, via an arrow, into a polished design app showing a row of tool cards to choose from, on a warm paper editorial ground 指南

    Vibe Design 工具:一份关于谁真正能用的诚实指南

    搜索“vibe design tools”,一半的结果其实是 vibe coding 工具——而这恰恰是这些搜索结果能告诉你的最有用的事。这里是那张诚实的地图:那个该替你拿主意的唯一问题、一张横跨五个工具品类的评分表,以及几乎每篇清单文都在卖给你的那个陷阱。

    2026年6月18日 9 分钟阅读 阅读 →
  14. A single sketched interface splitting into a visual design mockup and a code window, both arrows converging on one shared design-system file card, on a warm paper editorial ground 指南

    vibe design 与 vibe coding:分岔点在哪,为什么重要

    vibe design 和 vibe coding 并非对手——它们是同一套动作的两半,而团队真正失血的地方,恰恰是两者之间的缝隙。本文讲清它们真正的区别、两个没人提醒你的失败模式(原型悬崖与设计漂移),以及该在什么时候伸手去抓哪一个的判断框架。

    2026年6月18日 9 分钟阅读 阅读 →
  15. A handwritten prompt note becoming a rendered mobile app screen, then exported outward through an opening in a low garden wall, on a warm paper editorial ground 指南

    用 Google Stitch 做 vibe design:它做对了什么,又会在哪里把你套牢

    是 Google 用 Stitch 造出了 "vibe design" 这个词——而 Stitch 是真的好。这是一篇诚实的上手实测:它做得漂亮的地方、那些演示里不会给你看的锁定,以及什么时候掌握闭环胜过图省事。

    2026年6月18日 8 分钟阅读 阅读 →
  16. A warm editorial illustration of an open gallery of design template cards, each a small thumbnail with a play triangle, with a hand reaching to pick one, on a cream paper ground with soft plants and a coffee mug Product

    Open Design 0.11.0:集市

    标签 open-design-v0.11.0 —— 四天内 57 位贡献者提交了 137 个 PR。代号「集市」。插件画廊现在会为每一个真实产出播放一段实时片段,你已经在用的任何 coding agent 都能即插即用,而新人的第一次运行是一段有引导的欢迎之旅,而不再是一道上锁的关卡。

    2026年6月17日 7 分钟阅读 阅读 →
  17. A hand-drawn pencil sketch of a planner app wishing for a calm space transforming, via an arrow, into a polished rendered planner UI, on a warm paper editorial ground 指南

    什么是 vibe design(氛围设计)?2026 年「凭意图设计」完全指南

    描述一个界面的感觉和方向,让 AI 把它生成出来——但大多数工具止步于一张漂亮的样稿。本文讲清 vibe design 到底是什么、vibe design 与 vibe coding 的区别,以及如何把它从提示词一路推进到可上线的代码。

    2026年6月17日 9 分钟阅读 阅读 →
  18. A single unified design-workspace window — composer, canvas, and comment rail in one frame — held inside a green selection box on a near-white editorial ground Product

    Open Design 0.10.0:一体化设计工作空间

    标签 open-design-v0.10.0 —— 九天内 68 位贡献者提交了 405 个 PR。代号「一体化 Agentic 设计工作空间」。本次发布把从构思、精修到交付的整条流程收进同一个窗口,工作不再散落在十几个标签页之间。

    2026年6月11日 7 分钟阅读 阅读 →
  19. An onboarding panel with a one-click sign-in and a bundled engine, selected in a green frame on a near-white editorial ground Product

    Open Design 0.9.0:设计,给每一个人

    Open Design 0.9.0 是「装完即创作」的版本。不用再到处找 API key,不用装三个 CLI——打开应用、登录一次、选一个模型,就能开始做东西。再加上更大的 agent 阵容、一个真正的插件库,以及在 Windows 和 Linux 上更顺的安装。

    2026年6月2日 6 分钟阅读 阅读 →
  20. A locked canvas window beside an open fanned stack of portable file sheets, in a green selection frame on a near-white editorial ground Guides

    Figma 的开源替代方案

    Figma 很优秀,也不会消失。但文件格式是专有的、席位是订阅制的、画布跑在别人的云上。这是一份诚实的判断:什么时候 Figma 仍是答案——以及什么时候,拥有一套 agent 原生、本地优先的工作流会赢。

    2026年5月26日 7 分钟阅读 阅读 →
  21. A central engine hub with plugin tiles docking into it, selected in a green frame on a near-white editorial ground Product

    Open Design 0.8.0:一切皆插件

    Open Design 0.8.0 不是一次发布,而是一次重建。一个小小的插件引擎、一个默认无头的 CLI、macOS 与 Windows 上的打包自动更新,以及七天内交付的 149 套设计系统。

    2026年5月22日 7 分钟阅读 阅读 →
  22. A wireframe layout skeleton lifting out from beneath a canvas as its own layer, in a green selection frame on a near-white editorial ground 文章

    画布曾经藏起来的那一层版式

    0.8.0 preview 下的一条社区回复,点出了 agent 原生设计背后真正的问题:如果画布不再是工作单位,用户又该如何理解版式?

    2026年5月18日 7 分钟阅读 阅读 →
  23. A design frame being lifted out of a canvas and packaged into a portable plugin module, in a green selection frame on a near-white editorial ground 文章

    如何把一套 Figma 工作流移植成一个 Open Design 插件

    0.8.0-preview 讨论邀请贡献者把旧的设计工作流一次一个插件地移植过来。这里给出针对 Figma 导出、token 同步或品牌套件的具体路径。

    2026年5月18日 8 分钟阅读 阅读 →
  24. A workflow pipeline of connected nodes with a few break marks on the connectors, in a green selection frame on a near-white editorial ground 文章

    BYOK 现实检验:Open Design 当下会出问题的 5 件事

    我们承诺把 BYOK 作为一等公民。本周来自社区的五个开放 bug 讨论——Gemini、DeepSeek、OpenCode、Windows——揭示了接缝仍然粗糙的地方,以及在每个修复落地前该用什么替代方案。

    2026年5月14日 9 分钟阅读 阅读 →
  25. An organized library grid of modular skill and system cards, selected in a green frame on a near-white editorial ground 文章

    31 个 skill、72 个 system:Open Design 库是怎么运作的

    带你走一遍让 Open Design 可组合的四个原语:skill、system、adapter 和 daemon。并用具体例子说明一个 Markdown 文件如何变成一份像素级精确的交付物。

    2026年5月13日 8 分钟阅读 阅读 →
  26. A single key wired to a row of interchangeable model engines with a provider toggle, in a green selection frame on a near-white editorial ground 文章

    BYOK 设计工作流:用你自己的密钥运行 Claude、Codex 或 Qwen

    大多数 AI 设计工具都会在你花掉的每一个 token 上悄悄加一道差价。Open Design 的立场恰恰相反——自带模型密钥,直接向服务商付费,并完全掌控推理在哪里运行。下面讲讲 BYOK 这一层到底是怎么工作的。

    2026年5月13日 8 分钟阅读 阅读 →
  27. A thin layer sheet wrapping around an existing agent core, in a green selection frame on a near-white editorial ground 产品

    我们为什么把 Open Design 做成 skill 层,而不是一款产品

    大多数 AI 设计工具都想取代你笔记本上已有的那个 agent。Open Design 押了相反的一注:交付一层薄薄的 skills、systems 和适配器,把任何 coding agent 变成一台设计引擎——而不会把你锁进一款新 app。

    2026年5月13日 8 分钟阅读 阅读 →