Builder.io

Builder.io 是一个连接设计与代码的桥梁平台。它有两个主要产品协同工作：用于构建应用的 Fusion Visual IDE 和用于内容管理的 Publish Visual CMS。

该平台利用 AI 技术，将 Figma 设计在几秒钟内转换为干净、可运行的代码。你可以选择 React、Vue、Svelte、Angular 或 HTML。它配备了一个可视化编辑器，你可以像使用设计工具一样拖放元素来构建页面。

Builder.io 可连接到你现有的网站或应用，因此你可以继续使用自己的组件和样式。这意味着它生成的代码与项目完美匹配。团队成员可以实时协作，设计师、开发者和市场人员都能在同一平台上共同工作。

开始使用 Builder.io 非常简单。以下是入门步骤：

• 安装 Figma 插件，如果您想将设计转换为代码。可以在 Figma 社区中找到并添加到您的工作区。

• 连接您的代码库，通过将 Builder.io 连接到 GitHub、GitLab 或 Bitbucket。这样平台就能识别您现有的组件和样式。

• 选择您的产品：使用 Fusion 构建新功能，或使用 Publish 创建和管理内容页面。

• 将设计转换为代码，在 Figma 中选择元素并点击导出。Visual Copilot AI 会生成与您的技术栈匹配的代码。

• 可视化编辑，使用拖放编辑器。添加组件，连接 API，并实时查看更改。

• 发布或集成您的作品。您可以直接从 Builder.io 发布，或使用 CLI 工具将代码导出到您的项目中。

• 基于AI的Figma转代码转换

• 可视化拖放页面构建器

• 实时团队协作工具

• 支持GitHub、GitLab和Bitbucket集成

• 与现有代码的组件映射

• 支持React、Vue、Angular、Svelte

• A/B测试和个性化

• 分析和热力图

• 内容调度和本地化

• VS Code和Figma插件

• 移动和桌面应用