AI 原型几分钟，设计返工一整天？OpenViking 让 AI 用上你的 Figma 设计稿
BestBlog编程类文章 · 软件开发
📌 一句话摘要 OpenViking 通过结构化导入 Figma 设计稿并生成可检索的目录，让 AI 原型工具能直接引用产品定稿设计，解决设计不符和返工问题。 📝 详细摘要 本文介绍了 OpenViking 项目，它通过将 Figma 设计稿导入并自动生成层级化描述（L0 摘要、L1 导读、图文描述），构建可被 AI Agent 检索的设计资料库。作者分享了个人在 360 张产品设计稿中使用的实践，说明 AI 原型能直接参考定稿布局、颜色和组件，避免评审讨论样式、设计返工等问题。文章还提供了具体的导入步骤和使用方法，鼓励读者尝试火山引擎的 OpenViking 服务。 💡 主要观点 AI 原型常与产品设计不符 AI 生成的界面往往采用通用风格（紫色渐变、大圆角），与企业实际设计规范差异大，导致设计师需要返工，甚至需要从 Figma 重新绘制。 OpenViking 导入 Figma 设计稿并生成结构化目录 将每个画板导出为 2 倍图，按序号和内容命名后导入 OpenViking，系统自动为每层生成 L0 摘要、L1 导读和图文描述，形成可被 AI Agent 检索的资料库。 AI Agent 能像翻目录一样高效检索设计稿 当用户提出需求时，Agent 依据 OpenViking 的层级结构快速定位相关页面和图稿，仅打开必要的几张图进行参考，大幅提升原型效率。 统一的规则让所有 Agent 都遵循设计规范 在 OpenViking 记忆中存入「画界面前查 ui-design 目录」的规则，Claude Code、Codex、TRAE 等接入后自动遵循，无需重复配置。 💬 文章金句 AI 画得再快，画出来的东西进不了产品，就是在给设计师加活。 这些说明不用任何人手写。这也是 OpenViking 和网盘、图库不一样的地方：一堆截图传进去，变成了 Agent 能看懂、能顺着目录找的设计资料库。 Agent 只打开要用的那几张，照着画。邮箱重复怎么提示、批量发送时进度怎么显示，这些容易漏掉的状态也照着设计稿画出来了。 📊 文章信息 AI 初评： 82 来源： 字节跳动开源 作者： 字节跳动开源 分类： 软件编程 语言： 中文 阅读时间： 8 分钟 字数： 1771 标签： 编程与工程 , AI 编程 , 开发者工具 , 开源项目 , AI Agent 阅读完整文章