AI 设计应该生成结构
大多数团队并不缺一张不能编辑的平面图。他们需要的是能进入真实工作流的起点：Figma、PowerPoint、Canva、Keynote、SVG、JSON、代码，或者自己的内部管线。
这就是 Codia 的 AI 设计理念核心。我们用 AI 理解视觉内容，并把它重建成可编辑的结构。一张截图、一份 PDF、一张图片、一页幻灯或一个设计文件，不应该永远困在像素里。它应该变成可改写的文本、可调整的形状、可重组的图层、可复用的布局，以及可审查的代码。
Codia 所说的「理解设计」是什么
在 Codia 里，视觉理解不只是识别画面上有什么对象。系统关注的是对象之间的关系：
- 布局层级、分组、区块、卡片、表格、页头和导航
- 文本块、排版、层级和可编辑文案
- 形状、图标、图片、蒙版和视觉图层
- 间距、对齐、颜色和视觉节奏
- 面向输出格式的约束，比如 Figma Auto Layout、PowerPoint 对象、SVG 结构或前端组件结构
这也是为什么 Codia 的产品围绕「重建」而不是简单转换来设计。传统转换器经常保留外观，却丢失结构。Codia 尽力保留后续编辑真正需要的部分。
可编辑输出是产品要求
对 Codia Design 来说，这意味着把截图、PDF、图像和网页转换为可编辑的 Figma 图层，而不是粘贴一整张位图。
对 NoteSlide 来说，这意味着把 PDF 和图片型幻灯重建为可编辑的 PowerPoint 或 Keynote 文件，让文本仍然是文本，形状仍然是形状。
对 Codia Code 来说，这意味着把设计转成前端实现，包含组件结构、合理命名、响应式断点、可访问性属性和面向框架的输出选项。
对 Visual Struct API 来说，这意味着返回一棵有类型的 JSON 树，供下游工具检查、渲染、转换或导入自己的设计与代码系统。
具体输出格式会随产品变化。但原则不变：生成结果必须能继续使用。
Codia Studio 的位置
Codia Studio 是同一理念的创作侧。用户可以用自然语言描述想要的结果，生成可编辑、可迭代、可复用的视觉内容。当前站点把 Studio 描述为一个理解设计系统、保持视觉语言一致、支持分层文字编辑并提供专业编辑器的设计工作区，而不只是单张图片生成器。
这很重要，因为创意工作很少停在第一次生成。团队会改标题、换素材、调颜色、套品牌规范，并导出到下游工具。Codia Studio 围绕这个循环设计。
Codia Code 的位置
设计转代码是 AI 设计必须面对工程现实的地方。Codia Code 支持 React、Vue、HTML/CSS、Flutter 和 SwiftUI 输出，样式选项包括 Tailwind CSS、CSS Modules、inline styles 和 styled components。
代码生成文档把能力拆成两个实用层级：
- Base Code：优先速度和视觉还原，适合先把界面快速搭起来。
- AI Code：更偏可维护输出，使用结构分析、视觉识别、智能命名、布局识别、组件检测、资源提取和可访问性默认能力。
这个区分是有意的。有些场景速度最重要，有些场景输出需要成为工程师可以继续维护的生产代码。产品应该把这种取舍说清楚。
人的创造力仍然是审查层
Codia 不把 AI 当作设计判断的替代品。站点文案明确提醒：可编辑输出进入生产前应该和源文件对照审查，效果也取决于源文件质量、文件类型和选择的输出格式。
这就是 AI 在 Codia 中的实际角色：
- 自动完成第一轮结构重建
- 尽可能保留可编辑意图
- 减少重复的手工翻译工作
- 把最终判断、品牌决策和产品含义留给人
AI 做重活。设计师、开发者、市场、教育者和运营团队决定什么应该发布。