#设计规范
共 64 篇相关文章
教程攻略·8 分钟
Cursor三步打造专业级UI设计系统完整教程
资深设计师分享经过验证的三步提示词工作流，从Dribbble截图提取设计语言，用Cursor生成结构化Design.json规范文件，让AI编码工具精准复制专业级UI设计系统。
阅读全文 →
产品体验·5 分钟
Google Stitch 2.0深度解析：从UI生成器到AI原生设计画布的蜕变
Google Stitch 2.0重磅升级，引入无限画布、设计智能体、DesignMD规则和MCP开发者集成。深度解析这款AI设计工具如何从简单的UI生成器蜕变为AI原生软件设计画布，以及与Claude Code联动的端到端工作流。
阅读全文 →
产品体验·6 分钟
Open Design开源AI设计框架：19种技能+71套设计系统深度解析
深度解析Open Design开源AI设计框架，涵盖19种可组合技能、71套Design.md设计系统、本地部署方案及实际应用场景，助你用现有编程智能体驱动高质量设计工作流。
阅读全文 →
教程攻略·10 分钟
FastAPI入门教程：前后端分离与RESTful API核心概念
FastAPI入门必读：详解前后端分离与前后端不分离两种Web开发模式的区别，深入理解RESTful API设计规范，掌握HTTP方法与资源操作的对应关系，为FastAPI实战开发打下坚实基础。
阅读全文 →
教程攻略·8 分钟
Vibe Coding全流程：普通人独立开发并上线产品的完整指南
详解Vibe Coding从需求梳理到部署上线的7步完整流程。以番茄钟为例，教零代码基础的普通人用VS Code和Claude Code独立开发产品，掌握PRD撰写、静态Demo验证、分步开发等关键方法论。
阅读全文 →
教程攻略·6 分钟
用AI做网站太丑？一个设计参考神器帮你解决
用AI建站总是界面不好看？styles.referraldesign 将热门网站的设计规范整理成可下载的Markdown文件，直接喂给Cursor等AI编程工具，即可生成专业级页面。告别配色混乱、排版粗糙，让不懂设计的人也能做出好看的网站。
阅读全文 →
教程攻略·6 分钟
AI建站公式：零基础做出带视频的高级网站
不会写代码也能做出带视频的高级网站？本文拆解一套实用的AI建站公式：从优秀网站借鉴审美、用Kimi等AI编程工具复刻框架、加入个性化视频内容，零基础几分钟搭建出视觉效果出色的网站。
阅读全文 →
教程攻略·8 分钟
零代码建站：用Claude Code打造高级感个人网站
分享一套实用的Vibe Coding工作流，通过Claude Code配合专业UI设计Skills，10分钟内零代码搭建有设计感的个人品牌网站，告别AI生成的模板化困境。
阅读全文 →
教程攻略·7 分钟
Figma MCP实战：设计稿直连AI代码编辑器完整教程
手把手教你通过Figma MCP（模型上下文协议）将Figma设计稿与Antigravity代码编辑器打通，涵盖MCP服务开启、Access Token配置、通讯验证全流程，实现AI自动读取设计稿并生成代码。
阅读全文 →
教程攻略·5 分钟
零代码建站实战：云速成美站搭建企业官网全流程
手把手记录用阿里云速成美站零代码搭建企业官网的完整过程，涵盖可视化编辑、自动排版检测、AI助手答疑到一键发布上线，帮助中小企业主和创业者快速了解模板化建站的真实体验与适用场景。
阅读全文 →
产品体验·5 分钟
Trae 2.0 Solo模式深度解析：字节跳动如何重新定义AI编程工具
Trae 2.0发布全新Solo模式，定位为业内首个Context Engineer上下文工程师。本文深度解析Solo模式如何实现从需求理解到代码部署的全流程自动化，以及对AI编程行业格局的影响。
阅读全文 →
教程攻略·6 分钟
Xcode MCP + Claude Sonnet 4 实战：零代码开发Mac TTS应用全流程
详解使用Xcode MCP服务配合Claude Sonnet 4模型，纯AI生成代码开发Mac本地TTS文本转语音应用的完整过程，涵盖开发环境配置、macOS设计规范加载及实际效果展示。
阅读全文 →
教程攻略·4 分钟
Claude Code + Figma MCP实战：网页生成与设计稿双向同步教程
手把手教你配置Claude Code串接Figma MCP，搭配UI/UX Pro Max技能包生成高质感网页，实现代码与Figma设计稿双向同步。含完整安装步骤、模板使用、反向同步操作及部署方法。
阅读全文 →
产品体验
Magic Studio：将Once UI变成万元代理业务的白标前端系统
·5 分钟
Magic Studio：将Once UI变成万元代理业务的白标前端系统
Magic Studio是基于Once UI构建的白标前端系统，为自由职业者和代理机构提供落地页、仪表盘、文档站点等高质量模板，帮助开发者快速交付前端项目并实现商业变现。
阅读全文 →
教程攻略·5 分钟
AI Skill开发实战：测试驱动迭代流程与模型搭配策略
详解AI Skill开发的完整实战流程：从需求描述、模型选择到测试驱动迭代优化。包含Design Generator升级案例，分享CodeX、Claude Code、DeepSeek等工具的搭配策略，帮助你高效开发高质量AI Skill。
阅读全文 →
产品体验·6 分钟
Gemini Neural Expressive设计语言详解：五大核心要素重新定义AI交互体验
Google为Gemini推出Neural Expressive设计语言，融合流体动画、鲜明色彩、触觉反馈等五大要素，开创AI时代交互新范式。深度解析其设计哲学与行业影响。
阅读全文 →
教程攻略·7 分钟
AI生成可视化大屏：提示词工程实战与迭代开发技巧
详解如何通过提示词工程驱动AI快速生成商用级可视化大屏页面，涵盖布局描述、内容描述两大核心要素，以及先整体后局部的迭代开发策略，附提示词模板与实战建议。
阅读全文 →
产品体验·6 分钟
阿里秒悟实测：对标Lovable的国产AI全栈开发工具到底行不行？
深度实测阿里秒悟AI全栈开发工具，通过仿小红书H5应用案例，评测其多智能体并行编码、一键部署、云端数据库等核心能力，并与Lovable进行横向对比分析。
阅读全文 →
产品体验·5 分钟
Claude Code Game Studios：49个AI Agent组建完整游戏开发团队
Claude Code Game Studios用49个AI Agent和72个工作流命令，模拟真实游戏工作室三层架构，支持Godot、Unity、Unreal多引擎，让独立开发者一人拥有完整游戏开发团队的能力。
阅读全文 →
教程攻略·6 分钟
零编程基础，5个晚上用AI从零做出一个网站
一个完全不会写代码的人，用下班后5个晚上借助Claude完成AI工具导航网站的开发部署。详解Vibe Coding全流程：从产品规划、CLAUDE.md配置、代码生成到Vercel上线，附5条实战避坑经验。
阅读全文 →