产品库

AI辅助的UI设计工具，支持暗色系UI设计。

FLUX_UI设计是一个利用AI技术辅助用户生成具有艺术感的UI设计模型。它特别适用于B端的深色UI设计，支持发光效果，能够生成具有专业感和技术感的电商管理界面。该模型通过数据可视化和商业洞察，为商家提供全面的运营决策支持。

使用AI快速原型产品界面设计

Magic Patterns是一个由Y Combinator支持的在线平台，专为创始人、工程师和产品领导者设计，以加速UI的交付过程。它利用AI技术帮助用户快速迭代产品组件和设计，支持导出到React或Figma。平台拥有超过10万个由社区生成的组件，覆盖从项目概览到移动UI的多个领域。

使用AI即时设计和原型化UI组件，将自然语言转化为可立即使用的React组件。

Respaced.com是一个AI UI生成器，可以帮助产品团队快速设计和原型化UI组件。它的主要优点是利用人工智能技术加速UI设计和开发过程，提供实时的React组件生成。Respaced.com的定位是为产品团队提供快速实验UI理念的工具。

快速原型设计React Native屏幕，轻松创建移动应用。

a0.dev是一个专注于快速原型设计的平台，主要面向React Native开发。它允许用户在短时间内构建和测试移动应用界面，极大地提高了开发效率。该平台适合开发者和设计师快速验证想法，减少开发前期的时间成本。a0.dev背后由Y Combinator支持，这表明其技术和理念得到了行业认可。目前暂未明确其是否收费，但其功能对于快速开发和迭代具有重要价值。

AI驱动的UI设计生成器，快速实现设计和原型制作。

Autodesigner 2.0是Uizard公司推出的最新版AI UI设计生成器，它结合了ChatGPT的对话流和Uizard的生成设计能力以及拖放编辑器，使用户能够仅通过文本提示实时设计和迭代。该产品通过AI技术简化了UI设计流程，提高了设计效率，尤其适合产品经理、设计师、市场营销人员、初创公司创始人和开发者等不同背景的用户。

绘制UI并用GPT4生成HTML

这是一个使用 tldraw 和 gpt-4-vision api 根据您绘制的线框生成 html 的应用程序。可以快速创建静态网页的原型，并自动生成对应的HTML代码，提高前端开发效率。该工具简单易用，适合前端开发人员和UI设计师使用。定位于提升界面设计和开发效率，降低工作量。其工作原理是，只需获取当前画布 SVG，将其转换为 PNG，并将该 png 发送到 gpt-4-vision，并附有指令以返回带有 tailwind 的单个 html 文件。

React、NextJS 和 Chakra UI 的 ChatGPT 管理模板

Horizon AI Template 是世界上最好的 OpenAI ChatGPT 管理模板，使用 React、NextJS 和 Chakra UI 制作！通过 Horizon AI Template，您可以比以往快 10 倍创建出色的 AI SaaS 应用程序、Chatbot 项目和 Prompts。Horizon AI Template Chat GPT 拥有 33 + 个高质量的现成页面和 100 + 个深色 / 浅色前端组件，如按钮、输入框、导航栏、选项卡、卡片和警告框等，让您可以自由选择和组合。

设计UI界面，8.6倍速度

UXPin是一个设计工具，帮助用户快速创建UI界面和交互原型。用户可以借助各种开源库、组件和模板实现8.6倍速度的产品开发。同时支持自定义主题，生成干净的前端代码。

专注于UI/UX设计工具和资源分享的平台。

UI root是一个专注于提供UI/UX设计工具和资源的平台，帮助设计师提高工作效率和创造力。其主要优点包括丰富的设计工具、灵感资源和优质内容，定位于为设计师提供全面的支持和灵感。

优质Figma UI Kits

UIAnts是一家提供高质量Figma UI Kits的公司，产品包括Avatar AI、Convo AI、GoGroceries、Crypto Valley等多个UI Kit。UIAnts的UI Kits提供了丰富的设计元素和界面模板，帮助用户在设计中实现完美的界面效果。

快速将UI设计图转换为React代码

Ocode AI是一个AI驱动的编程辅助工具，能够帮助开发者通过上传UI设计图，自动生成React代码，从而加快开发速度，提高开发效率。它通过实时代码生成、预览、部署和与AI的交互来修改代码，实现了从需求收集到代码编写、单元测试、部署的全流程自动化。

Koval UI是一个React组件集合，提供易于配置的主题色彩、响应式布局和用户输入捕获组件。

Koval UI是一个设计库，提供了丰富的React组件，帮助开发者快速搭建具有美观设计和响应式布局的网站。它的主要优点在于易于定制的主题色彩和各种用户输入捕获组件。

面向设计工程师的 npm：基于 shadcn/ui 的 React Tailwind 组件、模块和钩子的最大市场

21st.dev是一个开源的React UI组件社区注册表，任何人都可以发布最小的Tailwind & Radix UI组件，并通过npx shadcn命令安装任何组件。它受到shadcn/ui的启发，旨在为设计工程师提供一个大型的组件、模块和钩子的市场。

设计应用、网站和UI变得简单易用

Uizard是全球首个由人工智能驱动的UX/UI设计工具，让您在几分钟内设计移动应用、网站和UI。Uizard通过生成文本提示的界面设计、将应用或网站的截图转化为可编辑设计、拖放UI组件等功能，帮助用户轻松实现无限制和无障碍的设计。Uizard还提供预制设计模板和UI组件，支持快速协作和迭代。

通过自然对话实时生成功能美观的UI/UX设计。

AI UI/UX设计助手是一款利用人工智能技术，将需求即时转化为现代前端代码的工具。它能快速生成美观的UI设计，支持HTML、Tailwind CSS和React组件。

从Figma设计中生成React代码

Quest是一款可以从Figma设计中生成React代码的工具。它能够将设计转化为可扩展、干净的代码，并支持MUI和Chakra UI等设计系统。Quest适用于开发人员、产品团队、代理商和初创公司，能够帮助他们更快地构建React应用、提高工作效率并提供可扩展的代码。

一站式完成原型、设计、交互与交付

Pixso是一个一站式的数字化团队协作工具，支持UI设计、UX设计、原型设计等多种设计需求。Pixso具备智能UI设计工具、高保真原型、链接交付、在线白板等多种功能，帮助团队协作更加高效。Pixso还拥有丰富的社区资源和设计系统，让设计无需从0开始。Pixso支持多人实时协作，成果一键交付，用户问题实时反馈，数据私有化等多种特性。

绘制UI并使其真实化

make real • tldraw是一个在线工具，可以绘制UI设计，并将其转化为真实的代码。它提供了丰富的功能，包括绘制界面、添加交互、调整样式等。用户可以通过该工具快速创建原型，方便开发和设计人员进行交流和协作。该工具的优势在于简单易用、功能丰富、支持多种UI元素和样式，以及自动生成代码的能力。定价方面，make real • tldraw提供免费和付费两个版本，付费版本提供更多高级功能和支持。该产品定位于设计师、开发人员和创意团队。

将UI设计转化为代码的AI工具，支持多种编程语言，快速生成生产级代码。

UI2Code AI是一款基于先进AI技术的在线工具，能够将UI设计图像快速转换为多种编程语言的代码。它极大地提高了开发效率，减少了手动编码的时间和成本。该工具适用于设计师和开发者，帮助他们快速将设计转化为可运行的代码，支持Flutter、Swift、Kotlin、HTML等多种语言，适用于多种开发场景。

AI 原型设计与开发

Sah:Nirmatha 是一款基于人工智能的原型设计与开发工具。它可以帮助用户在几分钟内创建令人惊叹的原型、全栈应用和 MVP，无需编码技能。Sah:Nirmatha 提供直观的界面和强大的 AI 技术，让原型设计变得简单易用。用户可以根据自己的想法定制网站，完全掌控和灵活调整。随时下载完整的代码库，拥有项目的完全所有权。

SysDesigna是一个快速原型设计和设计文档生成系统，用于设计商业应用程序。

SysDesigna提供了一个视觉和交互式的共同设计平台，帮助您从抽象的需求转变为用户可以理解的具体产品。它可以帮助您轻松创建应用程序的原型，生成设计和测试文档，并避免由于不清晰的需求、差劲的规格或业务方向的重大变化而导致的长时间的重复工作和压力。

超快速原型设计

gptengineer.app是一个快速原型设计工具，使用自然语言构建和迭代交互式网络应用。用户拥有代码所有权，并可随时让人类开发人员接手。代码已经通过git进行版本控制。

UX/UI设计订阅服务

Down Right Design是一个UX/UI设计订阅服务，为GenAI平台提供定制化设计，快速交付设计成果，无限修订次数，提供人性化设计，优化AI项目。

使用 AI 将 Figma 设计转换为 React 代码

Bifrost 是一个使用人工智能将 Figma 设计转换为干净的 React 代码的工具。它适用于各个开发阶段，可以创建完整的组件集合、支持类型安全、条件渲染和从 Figma 中获取默认属性。您可以从任何流程的任何屏幕开始生成代码，Bifrost 会根据您的代码库自动适应并以与您团队中的工程师一样的方式编写代码。使用 Bifrost，工程师可以节省时间，将精力集中在推动业务发展的功能上，设计师可以轻松创建和更新屏幕，无需担心繁琐的交付过程。快来体验 Bifrost，为您的设计和工程团队提供强大支持吧！

AI将Figma设计转换为React代码

Bifrost是一款AI工具，可以将Figma设计转换为干净的React代码。它支持Tailwind和Chakra，并能生成类型安全、有条件渲染和使用Figma默认属性的组件。Bifrost适用于开发的每个阶段，无论是从头开始创建还是迭代现有设计。开发人员可以节省大量时间，设计师可以更轻松地更新和维护设计。Bifrost生成的代码与您的现有代码库完全兼容，开发人员无需额外学习。

用AI开发HTML或React组件，并与GPT4聊天

Jinno是一个使用AI开发HTML或React组件的插件。它可以修改React、HTML和CSS代码。它支持React、CSS和JavaScript，并提供了颜色选择器、字体选择器、页面标尺等功能。可以导出React、HTML和CSS代码，适用于开发人员和设计师。

AI生成的应用，全栈+生成式UI

cofounder是一个全栈AI生成的应用，它结合了后台、数据库和有状态的web应用。它基于应用架构的生成式UI，拥有AI引导的草图设计和模块化设计系统。这个项目还处于早期alpha阶段，但已经展现出强大的潜力，尤其是在快速原型设计和开发方面。它的目标是提供一个完整的本地、基于浏览器的开发环境，支持多种框架，并且通过集成的AI插件提供生成式设计系统。

将手绘草图转换为UI代码

Sketch2App是一款能够将手绘草图转换为UI代码的工具。它能够帮助设计师快速将设计想法转化为可运行的前端代码，提高工作效率。Sketch2App具有简单易用的界面，可以生成适用于各种前端框架的代码。它可以将用户的手绘草图自动转换为HTML、CSS和JavaScript代码，并支持自定义样式和布局。Sketch2App适用于设计师、开发者和产品经理，可以用于快速原型设计、代码生成和前端开发。

带Prompt的前端组件库，设计工程师的NPM，快速构建精致的UI。

21st.dev是一个为设计工程师提供React Tailwind组件的平台，灵感来源于shadcn/ui。它由 RorkAI 团队和 Claude 3.5 Sonnet 构建，旨在帮助设计工程师更快地交付精致的用户界面。用户只需一条命令即可安装，极大地提高了开发效率。这个平台的主要优点是它的组件化和模块化，使得设计和开发工作更加灵活和高效。产品背景信息显示，它是为了满足设计工程师对于快速、高质量UI组件的需求而创建的。目前，该平台提供免费试用，但具体的定价信息需要进一步查看其官方网站或联系客服获取。