资源网站 · RESOURCES

做界面要用的好网站，一处收齐。

面向 UI 的资源站：AI 工具帮你直出组件、设计稿与代码，图标站帮你快速找到趁手的图标。按分类浏览即可。

17 项
Claude Design 图标

Claude Design

NEW

Anthropic

UI 生成

与 Claude 协作，把想法直接变成可交付的设计与原型。

查看详情
Open Design 图标

Open Design

NEW
UI 生成

本地优先、开源的 Claude Design 替代品，桌面原生应用。

查看详情
v0 图标

v0

Vercel

UI 生成

文字或图片直接生成 React + Tailwind + shadcn/ui 组件。

查看详情
Magic Patterns 图标

Magic Patterns

UI 生成

文字生成 UI 原型，可粘进现有 React 项目。

查看详情
Subframe 图标

Subframe

UI 生成

可视化画布 + AI 生成，产出干净的 React + Tailwind。

查看详情
Tempo 图标

Tempo

Tempo Labs

UI 生成

画布式 React 编辑器，AI 生成 + 可视化拖拽。

查看详情
Polymet 图标

Polymet

UI 生成

文字到 UI 页面，快速出图并导出前端代码。

查看详情
Readdy 图标

Readdy

UI 生成

对话式生成网页 UI，轻量、出图快。

查看详情
Google Stitch 图标

Google Stitch

NEW

Google

设计稿生成

文字 / 草图 / 语音生成高保真 UI。

查看详情
Galileo AI 图标

Galileo AI

设计稿生成

prompt 生成成套界面设计，可导出 Figma。

查看详情
Uizard 图标

Uizard

设计稿生成

草图 / 截图转可编辑 UI 设计。

查看详情
Banani 图标

Banani

设计稿生成

对话式生成 UI 设计与页面流程。

查看详情
Flowstep 图标

Flowstep

NEW
设计稿生成

无限画布上像跟设计师对话一样生成整套流程。

查看详情
Builder.io 图标

Builder.io

Visual Copilot

设计转代码

Figma 设计稿一键转 React / Vue / Tailwind。

查看详情
Anima 图标

Anima

设计转代码

Figma / Sketch / XD 转干净前端代码。

查看详情
Figma Make 图标

Figma Make

NEW

Figma

设计转代码

Figma 内置 AI，从设计稿 / 提示生成可用代码。

查看详情
Locofy 图标

Locofy

设计转代码

Figma / Adobe XD 一键转前端代码。

查看详情