Quest AI

1年前发布 2 0 0

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

收录时间:
2025-03-19
Quest AIQuest AI

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

QuestAI的主要功能

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

如何使用QuestAI

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

QuestAI的产品价格

QuestAI提供不同的定价计划以满足不同的项目需求,初创企业和教育邮箱可获得80%折扣

  1. Free免费版,适用于个人项目,支持20个组件、1个工作空间、1个App、3个团队成员
  2. Pro付费版,月付版每人每月58美元(年付版49美元/月),支持无限个组件、1个工作空间、2个App每工作空间、无限团队成员
  3. Business商业版,月付版每人每月93美元(年付版79美元/月),支持无限个组件、无限个工作空间、5个App每工作空间、无限团队成员

 

数据统计

相关导航

暂无评论

none
暂无评论...

Fatal error: Uncaught TypeError: Cannot access offset of type string on string in /www/wwwroot/mmyjs.qqrk.cn/wp-content/themes/onenav/inc/functions/io-search.php:407 Stack trace: #0 /www/wwwroot/mmyjs.qqrk.cn/wp-content/themes/onenav/inc/functions/io-footer.php(374): io_search_body_html() #1 /www/wwwroot/mmyjs.qqrk.cn/wp-content/themes/onenav/inc/functions/io-footer.php(336): io_nav_search_html() #2 /www/wwwroot/mmyjs.qqrk.cn/wp-includes/class-wp-hook.php(341): io_get_footer_content() #3 /www/wwwroot/mmyjs.qqrk.cn/wp-includes/class-wp-hook.php(365): WP_Hook->apply_filters() #4 /www/wwwroot/mmyjs.qqrk.cn/wp-includes/plugin.php(522): WP_Hook->do_action() #5 /www/wwwroot/mmyjs.qqrk.cn/wp-includes/general-template.php(3224): do_action() #6 /www/wwwroot/mmyjs.qqrk.cn/wp-content/themes/onenav/footer.php(41): wp_footer() #7 /www/wwwroot/mmyjs.qqrk.cn/wp-includes/template.php(814): require_once('...') #8 /www/wwwroot/mmyjs.qqrk.cn/wp-includes/template.php(749): load_template() #9 /www/wwwroot/mmyjs.qqrk.cn/wp-includes/general-template.php(92): locate_template() #10 /www/wwwroot/mmyjs.qqrk.cn/wp-content/themes/onenav/single-sites.php(55): get_footer() #11 /www/wwwroot/mmyjs.qqrk.cn/wp-includes/template-loader.php(132): include('...') #12 /www/wwwroot/mmyjs.qqrk.cn/wp-blog-header.php(19): require_once('...') #13 /www/wwwroot/mmyjs.qqrk.cn/index.php(17): require('...') #14 {main} thrown in /www/wwwroot/mmyjs.qqrk.cn/wp-content/themes/onenav/inc/functions/io-search.php on line 407