分类导航
发现更多优质 AI 工具
RicoUI‑Design
RicoUI‑Design 使用指南平台介绍开源的 DESIGN.md设计系统工作台，由独立开发者 Rico 出品。本项目旨在将 UI 设计规范以 Markdown 格式文档 呈现，用于为 AI（Cursor、Claude Code等） 提供网页前端生成的约束。该工具成功打通了 设计规范 与 代码输出 的链路，支持用户浏览、编辑并导出设计规范文档。主要功能浏览现成品牌 DESIGN.md规范模板（包含 Apple、Linear、Vercel 等）。提供 可视化编辑 面板，可修改颜色、字体、间距、组件、布局及响应式规则。导出完整 DESIGN.md 文本，直接复制给 AI 编码工具使用。支持导入已有 DESIGN.md文件 进行二次修改。预览规范效果，输出参考文档给前端开发使用。适用人群适合群体UI/UX设计师 与 前端开发者。使用 AI 写网页（Cursor、Windsurf、Claude Code） 的开发人员。需要将设计规范转成 AI 可识别提示文档的 团队。不适合场景普通作图 或 PS 类图形设计需求。免费付费情况完全免费 且 开源，无订阅套餐，无付费版本，无定价页面。部分配套素材模板在作者 Gumroad商店 单独售卖，不属于本网站功能。如何使用打开 design.ricoui.com。选择内置模板，或导入本地 DESIGN.md文件。在可视化面板修改色彩、字体、组件、布局规则。预览规范效果，导出完整 DESIGN.md文本。将导出内容粘贴到 AI编码工具，约束网页 UI 输出。注意事项仅输出 规范文档文本，不直接生成前端代码，需要搭配 AI 编码工具使用。浏览器 本地运行，云端不保存项目，修改后务必手动导出备份。面向 网页UI场景，不支持 APP、小程序完整规范。开源项目，无官方客服，稳定性随作者迭代变动。国内访问偶有加载慢，建议浏览器直接导出文件留存副本。
Iconfont
Iconfont 使用指南平台介绍Iconfont是由阿里巴巴妈妈MUX出品的国内主流矢量图标/插画/3D素材平台。主要面向UI设计师、前端开发者及多类内容需求用户，提供丰富的图形资源。核心优势在于支持在线检索编辑、项目管理以及生成多种格式代码，且依托阿里CDN在国内访问速度稳定高效。1. 主要功能Iconfont 提供了从素材获取到落地使用的全流程能力：素材检索：涵盖单色图标、彩色图标、矢量插画及3D插画；支持Lottie动画与字体库；具备强大的中文/英文语义搜索能力，方便快速查找。在线编辑：提供改色功能（调整色彩）、尺寸调节以及SVG直接编辑能力；用户可单图标直接下载PNG、SVG或Ai等多种格式文件。项目管理：支持创建项目并将选中图标归集管理；具备团队协作功能；自动生成 Unicode / Font‑class / Symbol 三套前端调用代码；提供在线CDN链接生成及本地字体包（ttf/woff/css）下载能力。上传私有图标：允许用户上传本地SVG文件，将其纳入自定义项目范围内并直接生成对应的前端引用代码。AI设计工作台：集成最新AI技术，支持用户通过AI命令生成新的图标、插画及辅助编辑素材（平台新增的高级功能）。2. 适用人群与版权风险明确平台的使用边界对于保障商业项目的安全性至关重要：UI设计师：适合进行找图、导出处料以及团队内部的图标资产管理。前端开发者：适用于构建网页、小程序、H5页面或后台系统的字体/矢量组件库开发场景。产品与运营人员：可直接用于制作PPT演示文稿、原型设计稿及文档配图说明。不适合人群：需要大量独家商用无版权风险素材的用户需谨慎，因为平台上部分用户上传的图标可能存在授权限制或不可商用情况。3. 免费与付费规则清晰了解平台的成本结构是项目选用的前提：官方开源图标：属于平台完全开放资源，支持完全免费且可商用；无需缴纳平台订阅费，无使用额度限制。用户上传素材分类：分为标记“免费”的素材（需按协议署名等要求）和作者标记“付费”的素材（单个或整套购买）。定价说明：不存在统一的官方会员套餐；付费由上传作者所有决定并在详情页查看价格，平台仅作为交易展示载体。4. 使用流程步骤快速上手的前端引用与部署方式如下：账号登录：通过手机号注册或绑定阿里系账号进行安全登录。搜索与收藏：在站内搜索所需素材图标，点击目标图标的加入购物车按钮。创建项目：点击右上角购物车入口，选择添加至项目；若未开启请先新建对应的项目名称容器。生成引用代码：进入【图标管理‑我的项目】界面；有两种部署方式可选：在线CDN链接（适合快速开发引入JS/CSS）或下载到本地（将css/字体文件放入服务器环境部署）。前端调用方法：支持三种模式，建议优先掌握最兼容的用法：Unicode：字符编码引用，兼容性最好；Font‑class：类名直接调用，代码编写最简单，例<i class="iconfont icon-home"></i>；Symbol：SVG方式引入，支持多色图标展示。5. 注意事项在正式投入生产环境前，请务必关注以下风险点（最重要）：版权风险规避：仅官方开源库默认可商用；对于用户上传素材，务必仔细阅读详情页授权协议；部分禁止商用或需署名/付费的图标切勿直接用于商业项目。CDN使用限制：线上生产环境不建议长期直接使用平台在线CDN链接，存在失效或被封禁风险；建议下载字体包部署至自有服务器以保稳定。跨域属性要求：若前端引入Symbol模式（SVG）的JS文件时，务必在<script>标签添加 crossorigin 属性，否则图标无法正确显示。团队权限管理：注意项目协作时的成员权限设置；严防误删除操作会导致关联线上CDN资源直接失效或代码中断。彩色图标模式限制：Font‑class字体模式仅支持单色调用；若需多色渐变背景，必须优先选择Symbol（SVG）格式而非普通字体方式。PNG位图质量警示：导出的PNG文件本质为位图，无限放大后会出现模糊失真；开发阶段请尽量使用SVG或矢量字体格式以保证清晰度。付费凭证留存：付费交易属于作者个人行为，平台不提供担保服务；商用前请务必保留好购买付款证明以备纠纷查验。小程序兼容性注意：部分传统字体文件在微信小程序中存在兼容性问题；建议优先导出为 SVG 或转换为 Base64 编码字符串使用。
Animos
Animos 使用指南Animos是一款基于浏览器运行的极简动效展示生成工具。它专门用于帮助设计师和产品开发者将静态的作品截图、UI Design Mockup 或视频素材，快速转化为精美的短动画展示视频。一、主要功能预置动效模板库：提供超过 30+ 款针对作品集展示与产品演示精心设计的预设模板。多格式素材拖拽：支持直接放入图片（PNG/JPG）或短视频（MP4）。轻量参数微调：无需复杂的时间轴编辑，可在浏览器内直接微调参数与显示样式。高质量导出：支持最高 4K 分辨率，可导出适合网页与社交媒体使用的 MP4 和带透明通道的 WebM 格式。无需下载安装：纯前端浏览器渲染，免去安装动效重型软件（如 AE/Principle）的繁琐流程。二、适用人群UI/UX 与产品设计师：快速将静态 App/网页界面做成动效视频，充实 Portfolio、Dribbble 或 Behance 作品集。独立开发者与 SaaS 创始人：制作 Product Hunt 发布视频、X/Twitter 宣传动图或官网 Landing Page 上的界面展示。自由职业者与品牌设计师：高效生成向客户演示交接的视觉动态 Preview，提升交付效率。三、免费/付费情况模式说明：平台提供免费试用与导出体验；部分高级功能（如 4K 无水印导出、完整模板解锁等）可能需要付费订阅或购买授权。最新定价查询：建议直接访问：https://animos.app，随时获取官方的价格信息与方案变动通知。四、使用步骤选择模板：打开网页后，在提供的模板库中挑选符合展示风格的动效模板。导入素材：拖拽上传你的界面截图、作品 Mockup 或演示视频至编辑区域。参数微调：根据需求调整基础文字内容、背景颜色或动效速度等选项。一键导出：选择所需的输出格式（MP4 或 WebM）与分辨率，等待浏览器自动渲染完成下载。五、注意事项即用即走机制：为了保证“1 分钟内出片”的高效体验，当前版本每轮导出通常为独立任务，建议导出前务必确认好所有素材细节。浏览器资源占用：渲染和导出高分辨率（如 4K）动效依赖本机浏览器的硬件加速性能；处理较大素材时尽量避免同时开启过多高占用标签页以维持流畅度。
Koboyo
Koboyo 平台使用指南一、平台介绍Koboyo是一个包含无限白板，以及海量手绘矢量图标库，的轻量级创意在线平台。核心亮点在于极简的灵感白板，同时面向 AI 开发者提供标准的 MCP协议集成。二、主要功能无限画布 (Infinite Canvas)：提供无边界画布空间，支持双击快速插入文本、画笔涂鸦及节点连接；界面极简无打扰，适合捕捉灵感。海量手绘 SVG 图标库 (Koboyo Icons)：收录超过 71,000+ 个手绘风格矢量图标（含面部表情、物体、姿势等），原生支持 currentColor，可无缝改色与缩放导出。原生 AI MCP 插件集成：提供标准 MCP 接口，支持与 Claude Code、Cursor、VS Code 等工具链接，允许 AI 在代码过程中直接检索并使用图标。三、适用人群UI/UX 设计师 & 插画师：需要风格统一手绘素材或快速绘制原型草图的用户群体。独立开发者 & 产品经理：用于挑选矢量图标丰富应用，或绘制产品流程图与架构图的人员。AI 开发者 / Prompt 工程师：希望在 Cursor、Claude 等 AI 工具中通过自然语言调用手绘图标的技术人员。学生与内容创作者：适用于制作思维导图、整理学习笔记或丰富演示文档的内容生产者。四、免费付费情况与定价网址Koboyo Canvas (画布)：提供完全免费的无限白板的在线编辑功能，无需订阅费用即可使用核心工具。Koboyo Icons (图标库)：100% 免费供个人及商业项目无偿使用（官方明确声明无需强制署名）。付费与定价说明：目前全平台保持完全免费策略，无隐藏收费或单独的订阅版块；最新官方主页即为核心入口。五、如何使用（操作指南）（一）使用无限画布打开 https://koboyo.com/。在空白区域双击鼠标，即可快速插入文本框或笔记组件。通过底部工具栏切换画笔、移动工具或其他创作组件进行编辑。点击页面顶部 Log in to save登录账号，以确保云端同步保存画布内容。（二）使用图标库常规网页下载模式：访问 https://koboyo.com/icons。在左侧分类列表或搜索栏中查找所需素材，点击图标即可复制代码或导出 SVG 文件。对接 AI 工具 (以 Claude Code / Cursor 为例)运行以下终端命令添加 MCP 插件支持：claude mcp add --transport http koboyo-icons https://api.koboyo.com/v1-mcp在对话界面输入自然语言指令（例如：“帮我找一个手绘风格的咖啡杯 SVG"），AI 将自动调用接口获取资源。六、注意事项未登录防丢失风险：若 Canvas 创作时未登录账号，内容仅存于本地浏览器缓存；清除数据可能导致作品永久丢失。JavaScript 依赖功能：图标库的实时检索与搜索需启用浏览器的 JavaScript 支持，请避免拦截相关脚本加载。商用二次打包限制：尽管允许商业项目使用单图标素材，但严禁将整体图库产品进行转售或作为素材包分发贩卖。
Drafted
Drafted.ai 平台指南1. 平台简介Drafted.ai（官网：www.drafted.ai）是由 Y Combinator 孵化的 AI 建筑与平面图设计平台。它旨在通过 AI 技术加速住宅设计的前期概念探索阶段（Schematic Design）。传统的房屋设计耗时极长且费用高昂，该平台允许用户通过简单的参数配置，在几秒钟内自动生成结构化的2D 平面图、3D 外观渲染图以及专业级 CAD/BIM 导出文件。2. 适用人群购房者 / 个人业主 (Homebuyers)：在寻找建筑师或施工方前，将抽象的想法可视化，明确空间排布与预算需求。建筑师 (Architects)：在方案前期快速探索多种户型排布与空间关系，节省打底时间，便于与客户高效沟通。建造商 / 施工方 (Builders)：在预施工与估算成本阶段，快速将客户诉求转化为清晰的平面备选方案。地产开发商 (Developers)：快速评估不同地块与户型组合的适配度及规划概念。绘图员与室内设计师 (Drafters & Interior Designers)：生成概念模型后直接导出 DXF/IFC 格式，迅速导入 AutoCAD、Revit 等专业软件深化。房产中介 (Real Estate Agents)：向买家展示空地建房或旧房改造的户型布局可能性。3. 主要功能结构化 AI 平面图生成：非单纯依靠文字 Prompt 随意生成，而是基于具体的房间清单（卧室/卫浴数）、占地面积、房屋轮廓等空间约束，生成逻辑合理的平面布局图。3D 外观渲染与风格样式：生成平面图的同时自动输出高质量 3D 外观效果图，并提供多种设计风格（如 Cozy、Bright、Industrial、Natural 等）。专业 CAD / BIM 导出：生成的方案支持一键导出为 PDF 概念图、CAD 矢量图（DXF 格式）以及 BIM 模型（IFC 格式），无缝衔接主流建筑软件。交互式微调与图纸扫描：支持在画布上调整房间相对位置，并正在陆续上线识别现存 PDF/草图并转为可编辑平面图的功能。4. 免费与付费情况当前资费状态：截至目前，Drafted 完全免费（100% Free）。用户可以免费浏览库内设计、无限次生成自定义平面图，并免费下载 PDF、CAD (DXF) 和 BIM (IFC) 导出文件。5. 如何使用（操作步骤）访问平台：打开 Drafted 官网 并登录或注册账号。选择身份与单位：进入后选择您的角色（如 Homebuyer、Architect 等）及单位偏好（默认 Imperial 英制）。输入设计约束 (Create)：进入创建界面，设置目标需求，包括房间清单（卧室、浴室数量及功能房）、地块尺寸与房屋外形轮廓以及视觉与建筑风格选项。生成与预览：系统在数秒内输出 2D 平面图及 3D 外观 Render。交互调整与迭代：根据需要微调空间流线或更换风格，直到布局满足预期。导出文件：点击导出，选择需要的格式（PDF / DXF / IFC），用于汇报交流或导入 CAD/BIM 软件进一步建模。6. 注意事项不可直接用于施工与报建：Drafted主要服务于前期概念设计与方案沟通。实际建房仍需由注册建筑师、结构工程师等专业人员绘制符合当地建规的施工图并提交报批。楼层限制（目前主打单层）：当前版本重点聚焦于单层（Single-level）住宅设计，多层建筑与地下室设计功能目前处于研发或陆续推出阶段。生成逻辑为参数化控制：输入时应尽量准确地填写房间与地块参数，参数越贴近实际，AI 生成的布局流线越合理。
Penpot
Penpot.app 使用指南一、平台介绍Penpot 是一款开源网页端的 UI/UX 设计协作工具。其基于 MPL2.0 开源协议，在 GitHub 上已拥有超过 53k+ Stars，是 Figma 的主要对标产品之一。核心优势：布局标准原生化：支持原生 CSS Flex/Grid 布局，与设计稿直接复用前端参数。设计交付便捷：支持设计稿直出 CSS/HTML/SVG 代码，Inspect 检查面板可一键导出样式，尺寸、色值及间距无翻译误差。开放与去中心：采用云端 SaaS / 本地自托管双模式，彻底打破厂商锁定；文件使用标准格式（SVG/JSON），便于交接与管理。跨平台兼容：全浏览器运行，支持 Windows/macOS/Linux 通用环境。📌 官方入口：https://penpot.app 🎨 在线编辑地址：https://design.penpot.app二、核心功能UI 绘图与原型设计矢量绘图能力，支持页面组件/变体管理。内置交互原型制作工具及响应式画布调整。原生 CSS 布局引擎Flex/Grid 完全对齐前端开发标准。设计参数可被代码直接复用，减少还原成本。专业级 Inspect 面板选中图层可直接查看属性细节（间距、色值）。一键导出 CSS/HTML/SVG 片段，零误差对接前端资源文件。设计与管理系统原生 Design Tokens（设计令牌）支持。建立共享组件库及全局样式统一管理规范。实时多人协同多用户同页编辑、即时评论批注功能完善。具备版本回溯与历史记录查看能力。强大的扩展生态开放插件系统与 API 接口支持开发定制。对接 MCP AI 代理及自定义字体管理方案。灵活的部署架构官方云 SaaS（开箱即用）。Docker/K8s私有服务器自托管，适合特定数据需求场景。三、适用人群分析✅ 推荐使用UI/UX设计师与前端开发人员组成的协作团队。预算有限的创业初期产品小团队或学生群体。金融 / 政务 / 医疗等对数据合规敏感，需私有化部署的企业。需要长期维护设计系统、高频进行“设计转代码”交付的团队。❌ 需谨慎使用重度依赖海量 Figma 专属插件或商业模板团队（迁移成本高）。弱网环境或低配电脑用户：网页端首屏加载偏大，流畅度受设备影响明显。追求极致多人实时协同性能的团队：当前同步效率在极端复杂场景下仍略逊于 Figma。四、免费与付费定价方案👉 官方定价页：https://penpot.app/pricing/self-host1. 云端 SaaS 版（官方托管）适合希望无需运维，直接使用稳定服务的个人或小团队用户。Free (永久免费)✅ 无限用户数、无限文件数量、全量设计功能。✅ 无人数与工程限制支持。⚠️ 限制：历史版本存储周期较短，无法提供专属客服及官方活动折扣。Unlimited ($7 / 用户/月)🔒 解锁更长周期的文件版本回溯。🌟 优先获取新功能更新权限、参与官方社区活动享5折优惠。💾 扩容存储容量，月度账单上限为 $175（不限人数）。2. 自托管版（本地私有部署）适合拥有服务器资源，要求数据完全掌握在自己手中的企业用户。基于 Docker/K8s 一键拉起服务。Professional (永久免费)✅ 包含所有设计与协作功能。✅ 不限制文件与人数，享有社区技术支持。❌ 限制：无 SSO、审计日志等多组织管理权限，需自行维护运维成本。Enterprise ($950 / 月 固定费用)🔐 包含多组织架构管理及精细化权限控制。✅ 支持 SSO单点登录与详细的审计日志记录。🛡️ 提供 180 天文件恢复服务、官方技术支持及插件白名单管控（含 AI代理）。五、快速使用步骤方式 A：云端在线模式（零部署，新手首选）注册登录：打开 https://design.penpot.app，通过邮箱完成账号注册。新建项目：创建 Workspace（团队空间），随后建立新项目或画布。开始设计：使用 / 快捷插入组件，利用 Flex/Grid进行绘图布局。获取代码：选中任意图层，打开右侧 Inspect 面板复制 CSS/HTML/SVG 片段。分享协作：点击右上角生成链接即可邀请团队成员共同编辑。方式 B：本地自托管模式（企业 / 隐私需求）准备环境：安装 Docker 及 docker-compose 工具。启动服务：拉取官方配置，执行命令 docker-compose up -d 即可自动拉起后台服务。访问使用：本地浏览器通过指定 IP+9001端口直接访问网页版编辑界面。六、注意事项🌐 网络痛点：服务器位于海外，国内直连可能存在加载慢、上传卡顿及协同延迟问题。建议刚需用户优化环境或选择自托管方案。🧩 生态短板：目前的第三方插件数量与设计模板远少于 Figma，成熟素材库相对较少。⚡ 性能限制：基于 Web 架构运行，超大文件（如百图层以上）的画布容易出现卡顿现象；低配设备用户体验不佳。💾 免费版数据风险：云端 Free版历史版本保存周期短，若操作失误导致误删，找回难度较大。重要工程建议付费或定期本地备份。🛠️ 自托管维护成本：免费自托管无官方售后支持，服务器的搭建、日常运维及系统升级均需团队自行负责。🔀 文件兼容性：导入 Figma 源文件时，部分复杂插件效果会丢失；导出格式仅包含 SVG/CSS/HTML，不支持专有私有格式迁移。💳 支付限制：云端订阅服务目前主要面向海外信用卡用户，国内微信/支付宝直接支付渠道暂未打通。👥 协同体验差异：多人同时编辑时，复杂页面的冲突概率高于 Figma。建议团队在复杂页面上分图层进行协作管理。
QuiverAI
QuiverAI 平台介绍与使用指南产品简介QuiverAI 是一款专注矢量图形（SVG）生成、编辑与动画的 AI 设计平台。由深度学习团队打造，于 2026 年初获得由 a16z 领投的 830 万美元种子轮融资。其核心优势在于直接输出结构化 SVG 代码，完美适配从设计到开发的全流程工作。一、核心功能1. 基础生成能力文本生成 SVG（Text-to-SVG）：输入自然语言即可生成 Logo、图标、插画等可编辑矢量图。支持对风格、配色、构图进行精准控制。进阶模型：高端模型 Arrow 1.1 Max 专门适配复杂插画与技术图纸生成。图像矢量化（Image-to-SVG）：将 PNG/JPG 等位图自动转换为精简、无冗余节点的 SVG。支持智能裁切与提纯抠图。2. 智能编辑与优化自然语言编辑：生成图像后，可直接使用文字指令调整配色、形状、布局，无需手动修改路径代码。多参考图约束：支持上传至多 4 张参考图，精准锁定目标风格与构图。3. 高级功能（规划中）矢量动画：即将上线。直接为 SVG 添加轻量动画，易于控制，适配交互动效与营销视频。字体设计：即将上线。支持定制矢量字体，可调节字重、对比度等细节。4. 开发集成开发者 API：提供 RESTful 接口，支持批量生成，方便与现有工作流集成。二、适用人群品牌/UI设计师：快速产出 Logo、图标及 UI 组件，生成内容可直接用于 Figma 或 Illustrator。前端开发者：直接获取 SVG 代码嵌入项目，无需再进行位图转矢量的繁琐步骤。营销/内容团队：可批量生成适配多场景的矢量插画，确保无限缩放无失真。初创团队/个人创作者：低成本探索品牌视觉，支持快速迭代创意方案。技术绘图人员：适用于建筑、时尚、工业设计等领域，制作结构化 SVG 图纸。三、资费方案1. 个人与团队计划免费版：$0/月每周生成 20 次使用基础 Arrow 1.0/1.1 模型基础导出功能，社区支持基础版：$20/月每周生成 50–100 次使用 Arrow 1.1 Max 模型全格式导出，邮件支持专业版：$40/月每周生成 150–250 次包含基础版全部功能 + 优先技术支持企业版：定制不限生成量支持 SSO 登录、专属客户经理、模型定制训练2. 开发者 API 计费按调用次数扣费，每次成功请求消耗 1 积分。四、使用流程注册登录访问 quiver.ai 官网。注册账号并登录应用 app.quiver.ai。选择生成模式文生 SVG：输入精准描述（建议包含主体、风格、配色、构图，如“极简字母 Q 标志，锐利矢量路径，单色#222"）。图生 SVG：上传位图，开启智能裁切，自动完成矢量化。参数设置选择模型版本（Arrow 1.1 / 1.1 Max）。设定生成数量及导出格式。生成与编辑实时预览生成结果。使用文字指令进行迭代修改。满意后下载 SVG、PNG 或 JPG 格式。API 集成（开发者）在控制台创建 API Key。配置环境变量，调用接口进行批量生成。五、避坑要点提示词需精准：避免模糊描述导致生成废图。务必明确主体、风格、配色（建议使用色值）及构图，参考图不超过 4 张。注意免费版额度：免费版每周仅 20 次额度，涉及复杂设计建议购买付费版或使用 Arrow 1.1 Max 模型，避免频繁生成浪费次数。遵守 API 规范：API 密钥仅在创建时显示一次，请务必妥善保存；注意速率限制（429 错误），避免高频请求导致封禁。了解矢量局限：该工具不适合照片级写实场景，主要适用于 Logo、图标、插画、技术图纸等结构化图形。版权与商用：生成内容默认支持商用，但使用者需自行确保未侵犯第三方素材版权，建议保留源文件备查。功能更新提示：动画功能目前尚未上线，仅支持静态 SVG，若需动态效果请等待后续官方更新。
VIZCOM
Vizcom AI 产品功能与使用指南一、产品概述Vizcom（Vizcom AI） 是一款 AI 驱动的草图转渲染与 3D 设计平台。核心定位：主打“手绘草图秒变写实渲染图与 3D 模型”。主要优势：支持实时渲染、一键生成 3D/动画、团队协作，显著缩短设计周期（最高约 40%）。访问方式：适配浏览器与桌面端（支持 Mac/Windows）。二、核心功能草图即渲染（Sketch to Render）手绘线条自动生成光影、材质与纹理。支持建筑、产品、汽车、时尚等风格预设。实时渲染（Live Render）笔触同步生成效果，边画边看，支持即时迭代。2D 转 3D（Sketch to 3D）草图或渲染图一键生成可旋转的 3D 模型。支持导出 GLB/OBJ/STL/USDZ 等格式，支持 AR 预览与 3D 打印。材质与环境模拟从参考图片中提取真实材质贴到模型。将设计嵌入实景照片，增强场景表现力（Context）。动画生成快速添加动态效果，用于演示设计思路。协作与管理提供团队 Workspace、项目共享、权限控制（管理员/编辑/查看者）。支持集中账单、审计日志、SSO（单点登录）。高级导出支持 4K 高清导出、无水印、商用授权及 API 集成。三、适用人群工业与产品设计师：快速验证概念、输出渲染图与 3D 模型。建筑师与室内设计师：早期方案可视化、客户汇报、节省建模时间。汽车与交通工具设计师：造型草图渲染与 3D 快速迭代。时尚与珠宝设计师：款式渲染、材质预览、动态展示。概念艺术家与插画师：线稿转写实或风格化渲染。教育者与学生：设计教学、作业创作（教育计划提供免费额度）。企业与设计团队：协作设计、统一工作流、版本管理。四、价格与订阅方案所有价格单位为美元，年付可享省 30% 优惠。1. Starter（免费版）费用：免费（无需信用卡）生成额度：月渲染 75 次（标准/魔法提示生成）输出规格：720p 分辨率，带水印功能限制：基础 AI 工具、标准渲染速度、社区支持、部分高级功能受限团队协作：支持 1 个团队、2 个编辑、无限查看者适用场景：个人试用、学习、非商业小样2. Pro（专业版）费用：$29/月（年付更优）生成额度：无限标准渲染输出规格：4K 无水印、全部风格预设高级功能：高级导出、优先渲染队列、商用授权月度高级额度：Modify Pro 500 次、动画 68 次、3D 83 次适用场景：自由设计师、个人商业项目、客户汇报3. Team（团队版）费用：$79/用户/月（含 Pro 全部功能）协作增强：共享 Workspace、自定义风格库、管理员控制管理功能：用量追踪、API 集成、专属支持、集中账单、审计日志、SSO适用场景：设计工作室、企业团队、多人协作项目4. Education（教育版）费用：免费（需.edu 邮箱及学籍/在职证明）生成额度：无限标准生成、无限去背景月度额度：Modify Pro 500 次、动画 50 次、3D 100 次适用场景：认证院校设计专业师生5. Enterprise（企业版）费用：定制报价核心优势：企业级安全、专属客户成功、无限额度、全功能开放数据条款：数据所有权、商用授权适用场景：大型企业、高频商用、数据敏感项目6. 附加包（Add-ons）Pro 或 Team 用户可按需购买额外高级次数。涵盖 3D/动画/Modify Pro 通用池。当月未用完的额度通常可结转。五、快速上手指南注册登录访问官网（vizcom.com）或使用 Mac/Windows 桌面端。支持邮箱或 Google 账号登录，免费版无需信用卡。创建项目新建文件，选择画布尺寸与风格预设（如建筑、产品、汽车等）。草图输入手绘：直接在画布绘制（支持数位板）。上传：导入 JPG/PNG 图片或草图。提示：输入文字提示生成。AI 渲染选择风格，点击 Render，等待几秒生成渲染图。可开启 Live Render 功能进行实时预览。生成 3D 与动画点击一键生成 3D 模型，支持旋转调整。添加关键帧以生成动画。导出与分享免费用户：导出 720p 带水印 PNG/JPG。付费用户：导出 4K 无高清图、3D 格式（GLB/OBJ 等）、MP4 动画。团队用户：可生成分享链接，设置访问权限。六、避坑与注意事项免费版限制严格月生成额度有限，输出 720p 带水印，不可商用。正式项目务必升级至 Pro 及以上套餐。草图质量影响效果AI 对线条清晰度敏感，建议轮廓明确、减少杂乱线条。潦草草图易导致 AI 渲染模糊或失真。3D 生成存在失败率复杂或细节过多的草图可能生成畸形 3D 模型。建议简化设计，分部分生成后组合。商用必须付费授权免费版及教育计划禁止商用，存在侵权风险。商业项目需购买 Pro/Team/Enterprise 授权。高级功能额度管控Pro/Team 套餐中的 3D/动画/Modify Pro 有月度限制。超出额度需购买附加包或等待下月重置。数据安全与所有权免费版数据可能用于模型训练（Enterprise 除外）。涉及敏感项目，请优先选择 Enterprise 并确认数据条款。浏览器与设备兼容优先使用 Chrome/Edge/Safari 浏览器，老旧版本易卡顿。手绘建议搭配数位板，鼠标操作精度较低。团队权限陷阱免费版团队仅支持 2 个编辑，新增编辑需付费升级。查看者身份免费，但无编辑权限。
UXbot
UXbot 使用指南01 平台概览UXbot 是国产一站式 AI 产品设计平台。它支持通过自然语言描述或上传截图，快速生成多端高保真 UI 界面、交互原型以及可直接部署的前端代码。平台主打零代码、全链路、高效率的设计理念。02 主要功能自然语言生成设计用户输入文字描述需求，AI 自动生成完整的多页面高保真 UI 及交互原型。截图/参考图复刻上传设计截图或参考图，AI 解析后生成同款可编辑的设计文件。可视化流程画布优先规划用户旅程与页面跳转逻辑，再生成界面，确保流程清晰不混乱。像素级精准编辑内置高精度编辑器，支持手动微调样式、内容与交互；同时支持通过自然语言指令快速修改。一键生成前端代码直接输出 Web（Vue/HTML）、iOS（Swift）、Android（Kotlin）代码，支持云端托管与在线模拟器。多平台覆盖覆盖 Web、App（iOS/Android）、桌面端、平板端，自动生成响应式布局。风格模板库内置轻拟物、毛玻璃、暗黑模式等主流风格，支持一键切换设计主题。03 适用人群产品经理：快速验证功能逻辑，输出可评审原型，缩短需求周期。UI/UX 设计师：高效出图，批量生成页面，将精力聚焦于创意与细节打磨。前端开发者：快速获取高质量 UI 代码，减少界面布局开发成本，专注业务逻辑。创业者/初创团队：零成本将商业构想落地为可演示产品，节省设计与开发预算。无设计基础用户：无需专业技能，通过简单指令即可生成专业级设计。04 费用说明4.1 免费版初始算力：注册即送 100 算力。每日补给：每日免费赠送 40 算力。基础权益：支持文字/截图生成、流程画布规划、基础编辑、有限预览与分享。功能限制：生成页面数量、导出次数受限，高级风格与代码导出权限受限。4.2 付费版（订阅制）个人版价格：59 元/月权益：解锁更多算力与生成次数、解锁导出权限，适合个人创作者使用。专业版价格：179 元/月权益：无限算力、无限制生成与导出、支持团队协作与云端部署，适合专业团队与企业。05 操作流程（五步法）输入需求文字描述产品（建议 150-300 字，包含类型、用户、核心功能、平台）或上传截图。确认流程画布核对并编辑页面结构、跳转逻辑与用户旅程，确保流程关系正确后再生成。生成原型预览选择目标平台（Web/App/桌面）与风格，生成高保真可交互原型，支持云端预览与分享。精准局部编辑使用编辑器微调细节，或使用自然语言指令（如“改为暗黑模式”）进行调整。导出代码/部署一键导出 Vue/HTML/Swift/Kotlin 代码，或选择云端托管部署，在线模拟器运行。06 避坑指南1. 需求描述过简风险：如仅描述“做一个好看的 App"，生成结果往往通用且缺乏差异化，无法精准表达设计意图。建议：使用动作式语言，明确用户行为、页面元素及跳转逻辑；补充 2-3 个风格关键词（如极简、科技、商务）。2. 跳过流程画布风险：直接生成导致页面缺失、跳转颠倒或结构混乱，后期修改成本极高。建议：先核对流程画布，确认所有页面关系与用户旅程无误后再生成界面。3. 过度依赖 AI 人工审核缺失风险：生成代码可能存在冗余、兼容性问题，或视觉细节不符合品牌规范。建议：AI 生成后需人工审核关键页面与交互，主动优化代码结构与视觉细节。4. 忽视响应式适配风险：多端显示错乱，特别是移动端体验差，影响用户体验。建议：生成时选择响应式模式，务必预览多端效果，并重点调整移动端布局。5. 算力管理不当风险：免费版算力不足导致大项目生成中断，任务失败。建议：合理规划生成批次，参与分享有礼活动（最高领取 400 算力）；面对大项目时考虑升级付费版。
PagePop
PagePop 平台综合指南1. 平台总览PagePop 是一个一站式 AI 智能创作设计平台，依托多模态大模型与美学算法技术。平台旨在让零基础用户快速生成各类设计内容，其核心主打文案 + 配图 + 排版全流程自动化，降低创作门槛。2. 主要功能场景平台覆盖多领域创作需求，具体功能包括：新媒体内容生成一键生成公众号封面及插图自动制作小红书笔记（含文案、配图、排版）快速产出长图文、海报及传单办公文档生成自动生成 PPT 演示文稿自动撰写 Word 文档（报告、简历、信函）提供智能排版、配图及图标添加功能AI 图像能力支持文生图、图生图提供局部重绘、去水印、画质修复服务包含字体识别与推荐功能校园与生活场景制作手抄报、班级活动海报生成朋友圈配图、节日贺卡电商与空间设计设计商品主图及详情页制作极简办公室或家装效果图辅助创作工具内置行业模板与提示词框架支持多语言处理提供一键分发到社交平台功能3. 适用人群平台面向各类内容生产者与办公人群，具体包括：自媒体创作者：公众号、小红书、抖音等博主，用于快速产出图文、封面及配图。职场办公族：需要快速制作 PPT、Word 报告、活动海报，以提升工作效率。学生与教师：用于制作手抄报、班级活动海报、课件配图及课堂作业设计。电商运营人员：低成本制作商品图、促销海报及详情页图文。非专业设计师：无设计基础但需快速产出商用或非商用视觉内容的用户。4. 费用与权限说明平台采用基础免费与高级付费相结合的运营模式：4.1 永久免费服务核心权益：基础生成（文案/配图/排版）、模板套用、轻度编辑。导出限制：支持标清导出，仅限个人非商用，默认可能带平台水印。4.2 付费会员权益核心权益：高阶支持：高清导出（300DPI 以上）。版权授权：商用版权授权。效率提升：批量生成/导出、团队协作支持、无水印导出、优先算力。计费方式：未公开具体标价，支持周期会员（月/年）或按量算力充值。5. 快速上手指南用户可通过以下三个步骤快速使用平台：进入工作台 访问 pagepop.cn 即可试用，无需注册；登录后可保存与管理工作。输入创作需求 选择创作类型（如海报、公众号、PPT 等），使用自然语言描述主题、内容、风格及色调；或直接粘贴文章、上传参考图/草图。生成与导出 AI 生成多版初稿供参考，用户可在线微调文字、配色、布局及图片，最后导出为 PNG/PDF/Word/PPT 格式，或一键分享至社交平台。6. 使用避坑指南为确保创作效果与合规性，请注意以下事项：版权风险提示 免费版仅限个人非商用；若需商用，务必开通会员获取授权，避免侵权法律风险。提示词优化建议 描述越清晰结果越准确，建议包含：主题 + 内容 + 风格 + 尺寸 + 色调；模糊描述容易导致生成内容跑偏。生成速度管理 高峰时段（工作日 9–18 点）可能出现排队，复杂需求（如长文档、高清图）耗时较长，建议错峰使用。内容准确性核对 AI 存在编造事实（如数据、日期、人名）的可能，重要内容生成后需进行人工核对。导出限制认知 免费版导出的图片分辨率较低且带有水印，高清无水印导出需使用付费服务。网络环境依赖 作为在线工具，依赖稳定网络环境，断网状态下无法编辑或导出，建议重要作品及时本地保存。
PicCopilot
Pic Copilot 工具全解（阿里国际电商 AI 设计工具）一、核心定位工具属性：阿里国际旗下跨境电商专属 AI 作图工具。核心优势：主打低成本替代专业摄影，一键生成高转化商品图与营销素材。实测数据：可提升54.7% 点击率，目前已服务超 100 万电商品牌。二、主要功能（全电商场景覆盖）1. 虚拟试衣/模特类（王牌功能）Virtual Try On：上传服饰图，1 分钟生成模特上身图，精准还原褶皱与材质，适配多肤色模特。AI Model Swap：一键替换模特人种与风格，适配全球市场，有效提升本地化转化率。Virtual Try On Shoes：鞋子专属试衣功能，自动匹配脚型与姿态。2. 商品图优化（基础刚需）Background Remover：一键抠图，支持透明、白、黑背景，支持批量处理且无水印。AI Shadows：自动添加自然光影效果，让商品更立体，告别“悬浮感”。Image Upscaler/Enhancer：高清放大与细节修复，将低清图转化为专业主图。Style Clone：复刻参考图背景与色调，帮助统一店铺视觉风格。3. 营销素材生成（高效出片）AI Templates：提供海量电商模板（涵盖节日、促销、多语言），替换商品图即可即用。Fashion Reels：生成模特穿搭短视频，适配社媒传播与广告投放。Product Avatars：生成商品 3D 动图或展示视频，显著提升详情页吸引力。Image Translator：图片内文字多语言翻译，保留原有排版，适配全球站点。4. 辅助工具Remove Watermark：支持批量去除商品图水印。AI Backgrounds：一键生成节日或场景化背景（如圣诞、情人节、生活场景等）。三、适用人群跨境电商卖家：适用于亚马逊、速卖通、eBay、独立站等平台，涵盖服饰、鞋包、美妆、家居、3C 等品类。中小电商商家：预算有限，无专业摄影团队，需快速批量出图。营销/设计人员：用于节省作图时间，批量生成广告图或社媒素材。Dropshipping/一件代发：无实物拍摄需求，需利用 AI 生成主图与视频。四、免费与付费规则（Pcoin 积分制）1. 免费版（Free）新人权益：新用户获赠25 Pcoins（试用积分）。可用功能：基础工具如抠图、简单修图可用。功能限制：无视频功能、无高级试衣、无批量处理、生成速度较慢。2. 付费版（2026 最新）Pro 版（中小卖家）订阅费：$6.66/月（年付 $79.88）。积分权益：每月1000 Pcoins。功能解锁：全部图片工具 + 限量视频。Pro+ 版（高级卖家）订阅费：$12.42/月（年付 $149）。积分权益：每月2000 Pcoins。功能解锁：全功能 + 优先处理 + 自定义模特 + 批量工具。Pcoin 消耗参考：基础抠图（1-3 个）、虚拟试衣（5-10 个）、视频（10-20 个）。额外充值渠道：500 Pcoins = $9.992000 Pcoins = $24.9915000 Pcoins = $99.99五、使用步骤（5 分钟上手）官网注册：访问 https://www.piccopilot.com/，使用邮箱或谷歌账号登录。选择功能：点击左侧工具栏，选择所需功能（如「Virtual Try On」「Background Remover」等）。上传图片：上传商品图或服饰图（支持 JPG/PNG 格式，≤20MB）。参数设置：选择模特风格、背景、光影等，高级功能支持自定义设置。生成下载：点击「Generate」，等待 10-60 秒生成完成后，下载高清图片。批量操作：开启付费版后，支持上传多张图，一键批量抠图/换背景/试衣。六、避坑点（新手必看）图片质量要求：上传的图片需清晰、光线均匀。模糊或逆光图片会导致试衣变形、抠图不干净。Pcoin 消耗管理：高级功能（试衣/视频）消耗积分快，免费版仅够试用 1-2 次，需提前规划用量。版权合规提醒：生成图片仅限自用，不可二次售卖；避免使用侵权元素（如品牌 logo、版权图案）。模特选择策略：虚拟试衣时请选与服饰风格匹配的模特，避免违和感；注意肤色需适配目标市场。网络与速度：国内访问需稳定网络，高峰期（欧美时段）生成速度慢，建议错峰使用。退款与有效期：付费订阅不可退款；充值 Pcoin 有效期为 1 年，过期作废，请按需充值。七、总结Pic Copilot 是跨境电商低成本高效出图的首选工具。它覆盖了从商品优化到营销素材生成的全流程，免费版可试用，付费版性价比高，非常适合中小卖家快速提升视觉竞争力。
Onlook
一、产品定位Onlook 是一款开源、AI 驱动的可视化代码编辑器，被誉为“设计师的 Cursor"。其核心理念是打通设计与开发的壁垒，允许用户直接在真实 React 代码库中进行可视化编辑，并实时生成可运行的代码。核心理念：设计即代码，代码即真相。核心价值：基于真实 React 项目构建，消除“设计稿转代码”的损耗，实现所见即所得。二、主要功能可视化实时编辑提供类 Figma 的直观界面。支持拖拽组件及直接修改样式（布局、颜色、间距等）。所有修改实时写入 React 及 Tailwind 代码。AI 辅助设计开发利用自然语言生成组件、页面或交互逻辑。AI 能够理解项目结构，智能生成生产级代码。支持通过对话快速调整样式或逻辑。代码即源码（Single Source of Truth）设计直接基于真实源代码，无需中间转换。支持导入现有的 React / Next.js 项目直接编辑。设计系统管理集中管理品牌色、字体及设计令牌（Design Tokens）。支持全局样式一键同步，保持 UI 一致性。团队协作与版本控制支持多人实时在线协作。提供历史记录回溯与版本管理功能。支持团队项目共享。部署与发布支持自定义域名部署。提供一键部署功能，支持云端托管或自托管。桌面端应用提供 Mac 和 Windows 客户端。支持本地运行，确保代码安全可控。三、适用人群设计师（具备基础网页知识）：无需从零写代码，直接在真实代码层做设计，产出可直接交付的开发代码。前端开发者（React/Next.js）：利用可视化调试、AI 生成组件来加速开发流程，提升编码效率。产品经理/创业者：快速制作可交互的原型，基于代码进行 MVP 验证与迭代。小团队/初创公司：弥合设计与开发团队间的鸿沟，降低沟通成本，实现一人多岗。四、免费与付费模式1. 免费版（开源自托管）授权方式：MIT 开源协议。部署方式：支持 GitHub 免费部署。功能限制：无功能限制，代码完全自主掌控。适合场景：个人开发者、对数据隐私敏感或希望完全控制部署环境的团队。2. 付费版（云端托管企业版）服务模式：提供云端托管服务，需联系团队预约演示。核心权益：SSO（单点登录）支持。审计日志与安全合规保障。企业级安全策略。专属技术支持。五、如何使用（快速上手）环境准备安装 Node.js 环境。推荐安装 Bun 运行时以提升性能。自托管部署（免费）bashgit clone https://github.com/onlook-dev/onlook.git cd onlook bun install bun run setup:env bun run start git clone https://github.com/onlook-dev/onlook.git cd onlook bun install bun run setup:env bun run start 导入现有项目进入任意现有的 React / Next.js 项目根目录。运行 npx onlook 即可启动编辑器。可视化编辑打开桌面端，新建空白项目或导入代码。通过拖拽组件、调整样式或 AI 对话生成内容。所有改动均实时同步到代码文件。协作与发布在项目设置中邀请成员协作。完成开发后，可直接导出代码或部署上线。六、避坑点（关键限制与注意）技术栈限制仅支持：React 与 Tailwind CSS。暂不支持：Vue、Angular、Sass 等非主流或特定前端框架。上手门槛虽为低代码工具，但用户需具备基础 React 知识与网页布局常识。纯视觉设计师若无代码结构概念，可能难以理解底层代码逻辑。AI 能力边界复杂交互、高级动画、第三方 API 集成通常需要手动补全代码。AI 更适合用于生成基础组件、修改样式及常规逻辑。移动端适配响应式断点需开发者手动精细调整。系统自动适配能力相对有限，无法完全替代专业开发。免费版局限自托管需用户自行维护服务器。无官方云端协作功能（如实时多人编辑需自建或付费）。企业级安全审计功能仅在付费版提供。数据安全若使用云端托管，需上传代码，敏感项目应优先选择本地自托管模式。