Quest AI

AI将设计稿生成React代码，支持JavaScript和TypeScript

网站截图

Quest AI 可以将 Figma 设计稿或者手稿转换为 ReactJS 前端代码，帮助设计人员或开发人员比以往更快地构建全栈网站应用程序。Quest 支持构建任何 ReactJS 组件，可以构建单个组件并将其添加到现有的 React 应用程序中，也可以使用 Quest 构建整个应用程序。

Quest AI的主要功能

导出Figma设计，提供Figma插件将设计稿导出到Quest
同步代码到GitHub，将生成的代码推送到 GitHub 存储库，可以推送单个组件或整个应用程序
实时预览编好的组件，预览模式进行测试并查看代码的工作情况
响应式前端代码，按照需要放大或缩小组件，或者根据屏幕尺寸更改布局，无需编写任何代码
支持NextJS，开箱即用的 NextJS 支持，并且可以选择 JS 或 TS 导出代码
支持输入文本描述提示，AI自动生成对应的功能代码

如何使用Quest AI

访问Quest的官网，并登录/注册账号
登录成功后会进入到Quest的工作台，点击左上角的加号➕按钮
选择Figma、上传手稿截图、或者提供的模板
点击对应的元素或组件进行修改，并且可以在左下角输入描述，AI自动生成功能性代码
右上角可以点击Git的图标同步代码到GitHub，或者点击下载图标导出代码

Quest AI的产品价格