老实说,
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,或者开始下载图标导出代码
。