花叔设计是一个让AI直接生成可交付设计物的工作流工具,可以从一句话生成高保真原型、幻灯片、动画和设计评审报告。
AI设计工具以前只会放烟花,现在终于开始盖房子了
大部分AI设计工具其实是个烟花厂:你给它一句话,它砰的一声炸出一张图。
哇,好漂亮。哇,好震撼。然后呢?没了。那张图你不能点,不能改,不能导出给团队用,不能放进PPT里。它就像一个夜市摊位上喷火的师傅,看着猛,但你没法让他去你家修水管。
AI设计真正缺的不是想象力,是交付能力。会画图的AI满街跑,会交活的AI找不到。
花叔设计这个项目火的根本原因就在这里。它不是给你放烟花的,它是给你盖房子的。你给它一句话,它还你一个能点、能改、能导出、能拿去给老板汇报的真东西。说白了,AI设计终于开始从表演进入生产了。
这个项目在GitHub上一周涨了近一万颗星,三天内就有三个同类项目同时冲榜。不是大家突然对设计感兴趣了,而是所有人都受够了那种看起来很美、用起来很废的AI设计。
项目地址:https://github.com/alchaincyf/huashu-design
花叔设计把设计目标从做图偷换成了做交付物
以前的AI设计工具有个通病。它总觉得自己是个画家,你说话它就画画。但你仔细想想,设计师的工作根本不是画画。设计师的工作是交活。是把一堆乱七八糟的需求、品牌规范、修改意见、输出格式,最后变成一个能交付的文件。
区别在哪?会画画的AI,给你一张PNG,你说这里间距不对,它说那我再画一张。来回折腾八百遍,你花了一整天,最后那张图还是不能用,因为导出格式不对。会交活的AI,给你的是一份能直接在浏览器里打开、能导出PPTX、能转成MP4的东西。你说间距不对,它直接在代码里改,三秒钟搞定。
花叔设计就是后一种。它把目标从生成图像换成了生成交付物。这个转变看着不起眼,实际上是把AI设计从玩具变成了工具。
它官方列出的能力包括:高保真App和Web原型、HTML幻灯片、可编辑的PPTX文件、MP4和GIF动画、信息图、设计评审报告。注意看这些词,没有一张是图片。全是交付物。
这就是它聪明的地方。用户不关心你怎么生成的,用户关心的是我能不能拿着这个东西去开会。花叔设计直接从这一步切入,省掉了中间所有扯皮。
HTML当设计载体,AI突然就开窍了
你可能好奇,它怎么做到的?答案特别反直觉:用HTML做设计载体。
很多人第一反应会觉得离谱。设计不用Figma、不用Sketch,用HTML?这不是退回去了吗?
恰恰相反。AI最擅长的事情根本不是操作图形界面,而是写代码。HTML、CSS、JavaScript,这些是AI最熟悉的语言。你让AI去Figma里拖拽图层,就像让一个程序员用绣花针缝衣服。但你让它直接写HTML,它瞬间进入舒适区,跑得飞快。
花叔设计就是抓住了这个点。它把整个设计流程搬到了HTML上,然后利用HTML的特性反向输出各种格式。
HTML可以直接变成交互原型,HTML可以导出PPTX,HTML可以截图转GIF,HTML可以录屏变MP4,HTML还能直接部署上线。以前设计和开发之间隔着一堵墙,现在倒好,直接在同一个文件夹里了。设计师写HTML,开发者写HTML,AI写的也是HTML。三个角色突然能说同一种语言了。
这个思路在项目文档里反复强调,叫HTML原生设计。本质上就是告诉AI:别学那些花里胡哨的设计软件了,你就写你最擅长的网页就行。
品牌资产协议解决了AI最容易胡说八道的问题
AI设计有个经典翻车场景。用户说帮我做个苹果风格的页面。AI嗯了一声,开始工作。最后出来的东西:字体像小米,颜色像淘宝,阴影像QQ空间,整体感觉像华强北创业团队的作品。
为什么?因为AI靠记忆和脑补干活。它见过很多苹果风格的东西,但它记不住具体数字。它觉得大概差不多就行了,结果设计行业最不能接受的就是大概差不多。颜色差一个色值,整个品牌的质感就崩了。
花叔设计解决这个问题的方法特别硬核,搞了一套品牌资产协议。这套协议的核心就一句话:AI不许猜。
具体怎么执行?五步走。
第一步问用户有没有品牌规范。第二步去官网扒品牌页面。
第三步下载能找到的所有素材,SVG不行就截图,截图不行就取色。
第四步从素材里把具体的色值挖出来,按出现频率排序。
第五步生成一个叫brand-spec.md的文件,后面所有设计都照着这个来。
这套流程看起来啰嗦,但效果非常扎实。有数据支撑:他们做了A和B测试,用了这套协议的版本比没用的版本稳定性高了五倍。五倍是什么概念?就是前者每次出来的东西差不多,后者每次出来的东西都不一样。在品牌设计里,一致性就是命。
这套协议的哲学其实是从Anthropic的Claude Design偷师来的。原版的提示词里反复强调,好的高保真设计不是从白纸开始的,是从已有的设计上下文里长出来的。花叔设计把这个原则固化成了强制执行脚本,AI想跳过都不行。
设计方向顾问让AI从画图匠升级成了创意助理
还有一个特别有意思的功能叫设计方向顾问。
很多AI设计工具的问题是太听话了。你要什么它就做什么,但你如果说不清楚自己要什么,它就开始瞎做。然后你看到结果,这不对,那也不对,但你说不出哪里不对。这就进入了一个死循环。
花叔设计的设计方向顾问模式就是为了打破这个循环。当你需求模糊、不知道自己要什么风格的时候,它不会硬做。它会先从内置的二十种设计哲学里挑出三个差异化方向,每个方向配代表作、关键字、气质描述,然后并行生成三个视觉小样给你选。
你看完这三个小样,脑子里的模糊需求就变清晰了。哦,我要的是极简主义,不是包豪斯。我要的是温润的,不是锋利的。然后你选一个,它继续往下做。
这一下就把AI从画图匠升级成了创意助理。画图匠是你说画啥它就画啥,画错了也不吭声。创意助理是会问你你是想要这种感觉还是那种感觉,帮你把需求理清楚再开工。
区别非常大。前者让你更累,后者让你更省力。
五维设计评审让AI学会了自己给自己挑毛病
这个项目还有个让我觉得特别卷的功能,叫五维度专家评审。
它会从五个角度给设计打分:哲学一致性、视觉层级、细节执行、功能性、创新性。每个维度零到十分,最后输出一个雷达图,再加一份清单,写着哪些要保留、哪些要修、哪些可以快速搞定。
你可能觉得这不就是个评分功能吗,有什么厉害的。
厉害的地方在于,它让AI有了自我审查的能力。以前的AI只负责生,不负责评。它画完就交卷,从不检查。你需要自己当那个挑毛病的人,然后告诉它这里不对那里不对,再重新来一遍。这个过程极其消耗耐心。
现在有了这套评审机制,AI生成完之后会自己跑一轮评价。它会主动告诉你,这版的视觉层级只有六分,因为标题和正文的对比不够。或者功能性只有五分,因为这个按钮点不了。然后它会给你一份修复清单,你照着做或者让它自己改都行。
这其实反映了AI行业一个更大的趋势:大家正在从生成时代进入评估时代。未来真正厉害的AI不是最能画的,而是最能判断什么是好东西的。画画不值钱,审美才值钱。花叔设计提前在这块布局了。
项目起源其实是博主逆向拆解了Claude Design
说点八卦。这个项目的诞生其实挺有意思的。
2026年4月17日,Anthropic正式发布了Claude Design,一款用对话生成设计的云工具。发布当天,很多开发者玩到凌晨四点,兴奋得不行。但过了几天,项目作者花生发现自己再也没点开过它。
不是产品不好。Claude Design确实强,但它是个浏览器里的图形界面工具。对于习惯了在终端里用Claude Code干活的开发者来说,切换到浏览器去做设计是一件很别扭的事。花生说得特别直白:我宁愿让agent在终端里帮我干活,也不愿意打开任何图形界面。
于是他干了一件事。他把Claude Design的系统提示词拆了,把里面的核心逻辑蒸馏出来,重构成一个可以在Claude Code、Cursor、Codex等各种agent里安装的Skill。前后只花了四天时间,2026年4月21日就开源了。
他自己在文档里大方承认:品牌资产协议的哲学是从Claude Design流传出来的提示词里偷师的。但偷师之后他做了很多自己的东西,比如打通了从HTML到PPTX和MP4的导出链路,比如加了二十种设计哲学,比如搞了五维评审系统。
这也解释了为什么它能在三天内和另外两个设计类Skill同时冲上GitHub趋势榜。因为Claude Design验证了AI能做设计这个方向,但它的形态不适合开发者。于是开发者们自己动手,把同样的能力蒸馏成终端原生的工具,装回自己的开发环境里。
它离成熟产品还有距离但方向已经跑对了
当然得说清楚,这个项目不是Figma杀手,也不是设计师失业通知书。
它有明确的限制。不支持复杂的3D建模,不支持物理模拟,不支持粒子系统。从PPTX到Figma的可编辑流程也不支持,因为格式转换本身就有信息损耗。官方自己也承认,完全空白的品牌从零设计,质量会掉到六十分出头。
但问题的关键不是它现在能做得多好,而是它选择的方向太对了。
以前AI设计的痛点是什么?是看起来很美,用起来很废。花叔设计解决的是什么?是把看起来很美变成了用起来还行。这对很多场景来说已经够了。
你是一个独立开发者,需要一个发布动画。以前你得学After Effects,或者花钱找人做。现在你一句话,AI八分钟给你一个MP4。虽然不是工业级水准,但你发社交媒体绰绰有余。
你是一个创业团队,明天要给投资人演示,今晚才发现PPT还没做。以前你通宵赶工,现在你说一句话,AI二十分钟给你一套能编辑的PPTX。虽然不是顶级设计公司出品,但至少看起来像正经团队做的。
这就是花叔设计的价值。它不追求一百分的完美,它追求八十分的可用。而八十分的自动化,对大多数人和大多数场景来说,已经够用了。
Huashu Design 和 Claude Design 的核心区别
Claude Design 的目标用户是设计师。喜欢图形界面、习惯用Figma、需要图层级编辑、需要和团队协作的设计师。对这些人来说,一个浏览器里的画布是天经地义的事。
花叔设计 的目标用户是独立开发者、创业者、内容创作者。这些人不是不会设计,是不想打开Figma。他们每天的工作环境就是终端,碰到设计需求能一句话解决绝不打开第二个软件。对他们来说,一个能装在Claude Code里的技能比一个在浏览器里的产品顺手一百倍。
有一个比喻讲得很准:Claude Design 是给Figma这代工具续命,花叔设计是想让那代工具自然消亡。不是说Figma会死,而是说有些人的工作流会绕过它。就像Photoshop没死,但今天很多做内容的人已经不打开PS了。
你想用画布好好做设计、和团队协作、进Figma继续改,用Claude Design。
你想在终端里一句话搞定交付物、做MP4动画、省订阅费、不打断自己的工作流,用花叔设计。
官方 Claude Design 是一个浏览器里的图形界面工具,需要你用鼠标点来点去、拖拽调整。花叔设计是一个装在终端里的Agent技能,你说一句话它就干活,你全程不需要打开任何图形界面。
这么说吧:Claude Design 是给设计师用的高级版Canva,花叔设计是给开发者用的终端级设计流水线。两者干的事差不多,但干活的人不一样,干活的方式也不一样。
1、使用方式的天壤之别
Claude Design 的打开方式是这样的:浏览器登录,找到claude.ai/design,然后在一个带画布的界面里和AI对话。你能看到设计稿实时生成,能用滑块调参数,能拖拽图层,能在画布上直接改东西。它是一个完整的产品。
花叔设计的打开方式完全不同。你的终端,你的Claude Code或者Cursor,输入一行安装命令,然后就像跟普通AI对话一样说话。你说给我做一套PPT,它就开始干。你没有画布可以看,没有滑块可以拖,没有任何图形界面需要操作。干完活它直接把文件丢到你文件夹里。
有人会觉得这不方便,但其实这才是它设计的初衷。花叔自己在解释为什么要做这个东西时说过一句话:他是一个宁愿让agent在终端里帮他干活、也不愿意打开任何图形界面的人。从体验上看,如果你本来就整天泡在终端里用Claude Code,那切到浏览器去做设计本身就是一种打断。花叔设计把这个打断取消了。
2、成本结构的根本差异
这是很多人选择花叔设计的重要理由,直接省钱。
Claude Design 需要订阅才能用。Claude Pro、Max、Team或者企业版,不管哪一种,你的钱要先给Anthropic。而且它有独立的周限额,用的是Opus 4.7模型,本身就贵。企业用户拿到的是一批信用点数,大概能玩二十次prompt,而且有截止日期,到2026年7月17日就过期了。
花叔设计呢?个人使用完全免费。它的运行消耗的是你已有的Claude Code额度,没有额外订阅。你已经在用Claude Code了,那装上就能用,不花一分钱。当然,企业商用不算,那个要跟作者谈授权。
3、输出能力的差异化竞争
两者都能输出不少东西,但各自的强项不一样。
Claude Design 强在跟生态的整合。它可以直接导出到Figma,可以导出成Canva格式,还能跟Claude Code打通。这对需要在一个完整设计工作流里干活的人来说非常友好。你从Claude Design出来,东西可以直接进Figma继续改,无缝衔接。
花叔设计强在两个地方:视频和时间。
视频能力是它实打实超过官方的地方。Claude Design不生成MP4动画,花叔设计可以。你想给产品做个发布动画,60秒那种,带BGM、带转场、60帧插帧,它可以直接给你一个MP4。这是官方目前做不到的。另外,它支持多条并行干活。你用Claude Design想试四个风格,只能一个一个来,分别跟它说四次,生成四次,消耗四次配额。用花叔设计,它支持并行启动agent,四个风格一起干,你四十分钟后拿到四套完整方案,自己选就行。
当然,它也有做不到的事。Claude Design能导出到Figma做图层级编辑,花的产物是HTML,你可以截图、录屏、导出图片,但没法拖进Keynote改一个文字的位置。复杂动画也不行,Framer Motion级别的物理模拟、粒子系统、3D场景,这些超出花叔设计的能力边界。