三号设计周刊 Vol.33|Figma 设计经验封装与 AI 工作流
本期周刊探讨了 Figma Agent Skills 生态成型,设计经验现可被封装复用;Figma 实验证明 AI 能提速 20%。此外涵盖 iOS 27 视觉更新、Instagram 换标风波、DeepSeek Harness 发布,以及多款动效与素材工具推荐,最后分析了 AI 原生 UI 组件库与交互细节。
本期周刊探讨了 Figma Agent Skills 生态成型,设计经验现可被封装复用;Figma 实验证明 AI 能提速 20%。此外涵盖 iOS 27 视觉更新、Instagram 换标风波、DeepSeek Harness 发布,以及多款动效与素材工具推荐,最后分析了 AI 原生 UI 组件库与交互细节。
设计行业周刊,信息密度高,涵盖最新工具、实验数据与素材资源,时效性极强,但在深度分析上相对有限。
花叔开源了Huashu-motion,一个让Claude Code、Codex等coding agent一键生成商业级产品宣传片的skill。项目对标Apple、Google、Anthropic的发布片水准,通过分析21支真实发布片和142支高互动动效片,提炼出导演规则。用户只需一句话,agent就会读产品、出三个设计方向、写节奏单、自动配乐配音效,最后在浏览器编辑器中支持点选修改。作者一天内用它制作了约二十支宣传片,成本极低(约2元/支)。项目已在GitHub开源,附带20种运动语言、10个模板和完整方法文档。
本文分享了在 AI 生成内容泛滥的时代,通过多花 10-20% 的心思在 UI 设计上,可以成为最大的竞争优势。作者介绍了 Together AI 大神哈桑的 /Hallmark design skill,该技能通过将 AI 生成的常见设计套路列为负面规则,有效提升了 AI 生成 UI 的质量。文章还总结了几个关键心得:摸清 AI 套路、给 agent 喂参考图、使用更具体的长提示词,以及利用便宜小模型进行快速迭代。
DeepSeek 发布了坚持'一切皆插件'理念的 DeepSeek Harness,模型适配器、工具、文件系统、沙箱甚至 Agent Loop 都可通过插件组合。但其使用门槛偏高,界面仍处开发者预览阶段。作者基于此前 CodePilot 的经验开发了 Pilot Harness,为其加上桌面外壳和一组客户端插件:优化了项目切换、会话 Hover 卡片、输入区和设置页等交互,新增项目文件树、服务商配置等插件,并提供 macOS、Windows、Linux 三平台安装包。作者认同 Harness 拆分组件、允许重组的架构思路,认为这为 Agent 参与调整自身配置预留了接口。
本文分享了20个对Agent友好的设计灵感与参考网站,旨在帮助设计师和开发者避免AI-Slop(千篇一律的AI生成设计)。文章按实际工作顺序将网站分为三类:先确定视觉方向(如Pinterest、Behance、Awwwards等),再研究真实页面与产品流程(如A1 Gallery、Mobbin、Refero等),最后将参考交给Agent进入设计和代码(如Lucide、shadcn/ui等)。文中还提供了一条避免AI-Slop的工作流,并附有可直接使用的提示词模板,指导如何将设计参考转化为Agent可执行的设计规则。
文章对比了社区开源的 DS Bot(DeepSeek-Bot)与 Grok Bot 两款多角色 AI 助手。核心差异在于'动手能力':Grok Bot 提供托管云电脑,可操作浏览器、跨网站执行任务且合盖继续运行;DS Bot 内置浏览器仅能读网页,但支持自选模型、MCP/Skills 扩展和可检查的 Markdown 记忆。文章从网页操作、模型控制权、数据与权限、成本等维度给出选购建议:不想维护、需要网页自动化选 Grok Bot;已有 API、重视控制权选 DS Bot。作者建议先用一个每周固定任务实测,再决定是否扩展。