# Zeplin + Uebfaqe：设计页面变成网页

> 连接 Zeplin，AI 会读取项目中的界面、组件和颜色，按设计搭建网站。只有在你确认后，它才会添加备注。

- 规范网址: https://uebfaqe.ai/zh/jicheng/zeplin
- 板块: 集成
- 语言: zh
- 发布方: Uebfaqe (https://uebfaqe.ai)

## 摘要

设计师在 Zeplin 交付作品时，规范已经齐全。连接它，AI 会用这些界面和样式指南制作页面，不用你手动转换。

## 关键事实

- 按界面制作页面: AI 读取 Zeplin 项目的界面，按它们的顺序和文字搭建页面。
- 你的样式指南: AI 从样式指南中获取颜色、字体和组件，并用于整个网站。
- 确认后添加备注: 让 AI 在某个界面上留下备注，比如给设计师的问题。只有在你确认后才会执行。

在 Zeplin 交付的设计，搭建成网站

## 你可以让 AI 做什么

把应用连接到网站后，可以在对话中输入的示例。

- 按 Zeplin 中 Website 项目的 Pricing 界面搭建“价格”页面。
- 按钮和标题使用 Zeplin 样式指南中的颜色和字体。
- 在 Zeplin 的“联系我们”界面上留一条关于移动版的备注。

## 如何连接

1. **打开“集成”**: 在 Studio 中，打开你想使用 Zeplin 的那个网站的“集成”，并在“浏览”标签页中找到它。
2. **点击“连接”**: 点击“连接”，在弹出的窗口中登录你的 Zeplin 账户并授权访问。该连接只对这个网站有效。
3. **告诉 AI**: 在对话中说出你需要 Zeplin 提供什么。AI 会读取所需内容，并在应用中执行任何操作前先请你确认。

## 一切由你掌控

AI 会在需要时直接读取你的数据，但任何在应用中发送、修改或删除内容的操作，都要等你在对话中确认。你的数据保持私密，除非你要求，否则绝不会出现在你的网站上。

## 常见问题

### AI 会严格按照设计来做吗？

AI 遵循界面、颜色和文字，搭建一个在任何屏幕上都能正常使用的真实网站。细节可以在对话或编辑器中调整。

### 如果设计师更新了界面，网站也会变吗？

不会。AI 在你要求时读取界面。更新之后，让 AI 调整页面并重新发布。

### AI 会修改我的 Zeplin 项目吗？

不会。AI 读取界面，只有在你确认后才能留下备注，但不会改动设计。

## 更多集成

- [Canva](https://uebfaqe.ai/zh/jicheng/canva): 简单易用的设计工具，提供社交帖子和演示文稿模板。连接后，AI 就能处理你的设计。
- [Contentful](https://uebfaqe.ai/zh/jicheng/contentful): 无头 CMS，为任何渠道创建和管理内容。连接后，AI 就能处理你的内容。
- [Figma](https://uebfaqe.ai/zh/jicheng/figma): 面向团队的协作式界面设计工具。连接后，AI 就能处理你的设计文件。

---

来源: https://uebfaqe.ai/zh/jicheng/zeplin