AI编程工具

Quest AI

将设计稿转化为React代码,支持JS和TS语言

标签:

Quest AI简介

Quest AI是一款AI编程工具,可将设计稿转化为React代码,支持JS和TS语言。
使用方式: 点击前往官网

 

Quest AI的主要功能

Quest AI具备多种实用功能:

  • 导出Figma设计,提供插件将设计稿导出至Quest。
  • 同步代码到GitHub,可推送单个或整个应用代码。
  • 实时预览组件,在预览模式下查看代码运行情况。
  • 生成响应式前端代码,按需调整组件布局。
  • 支持NextJS,可选择JS或TS导出代码。
  • 支持输入文本提示,AI自动生成对应功能代码。

 

如何使用Quest AI

使用该工具的步骤如下:

  1. 访问Quest官网,登录或注册账号。
  2. 登录成功后进入工作台,点击左上角加号。
  3. 选择Figma、上传手稿截图或使用模板。
  4. 点击元素或组件修改,左下角输入描述生成代码。
  5. 右上角点击Git图标同步代码,或点击下载图标导出。

 

Quest AI的产品价格

Quest AI提供不同定价计划:

  • Free免费版:适用于个人项目,支持20个组件等。
  • Pro付费版:月付每人58美元,年付49美元/月。
  • Business商业版:月付每人93美元,年付79美元/月。
  • 初创企业和教育邮箱可享80%折扣。

相关导航