Day 6 building the Figma for hardware
作者正在开发一款硬件设计工具,被称为“硬件领域的 Figma”。本文是第 6 天的构建日志,重点研究了透明外壳设计:探讨外壳厚度、折射、色调、磨砂玻璃、光学层以及从小开口到凸透镜等多种窗口形状对设备内部可视性的影响。目标是让透明度也实现参数化,让设计者可以控制硬件展示内部组件的方式,使设备内部成为设计的一部分。整个工具完全在网页端实时运行,未来还将包含发布等更多功能,不仅是美学工具。
作者正在开发一款硬件设计工具,被称为“硬件领域的 Figma”。本文是第 6 天的构建日志,重点研究了透明外壳设计:探讨外壳厚度、折射、色调、磨砂玻璃、光学层以及从小开口到凸透镜等多种窗口形状对设备内部可视性的影响。目标是让透明度也实现参数化,让设计者可以控制硬件展示内部组件的方式,使设备内部成为设计的一部分。整个工具完全在网页端实时运行,未来还将包含发布等更多功能,不仅是美学工具。
构建'硬件版Figma'的概念新颖且时效性强,但内容仅为开发日志式简述,缺乏技术细节、代码与深入论证,实用性和深度有限。
作者开源了一个名为「孔版印刷机」的网页小工具,可将照片转成复古孔版印刷风格。工具提供7组控制项:油墨颜色、色彩数量、明暗阈值、网点大小、套印偏移、纸张颗粒和效果强度,支持原图/效果图对比查看与随机配色。图片在浏览器本地处理,使用WebGL加速并提供本地Worker回退,可导出原尺寸PNG。项目采用MIT许可,源码托管在GitHub,可直接打开index.html使用,为内容创作者提供了新的封面风格选择,也是动手做工具的起点。
文章探讨了 Anthropic 推出的 Claude Design 对设计行业,特别是 Figma 构成的巨大挑战。Claude Design 摒弃了传统的空白画布模式,转而采用“意图优先”的设计逻辑。它不仅通过自动化减少了繁琐的机械操作,缩短了迭代周期,还内置了设计系统一致性维护能力。这种从“工具”到“系统”的转变,降低了非设计师进行高质量设计的门槛,迫使设计工作流的核心从“如何执行”转向“如何清晰表达意图”。
Anthropic 发布 Claude Design,通过自然语言生成原型、PPT 等设计,引发 Figma 股价下跌。作者深度体验后总结了 30 条实战建议:包括避开 Pro 用户的额度陷阱、利用自定义滑块、内联评论进行迭代、禁止默认的“通用 SaaS 风格”等。文章指出该工具擅长单屏设计,但弱于多页状态流,并强调了 HTML 导出与 Claude Code 联动的颠覆性,预示着设计与开发交接模式的根本变革。
本文是 AI 设计词典系列的中篇,系统整理了 AI 设计中高频的视觉词汇,帮助用户更精确地控制 AI 生成的视觉效果。文章分为五大维度:字体(衬线/无衬线、字重、字距、行距)、颜色(色相、饱和度、明度、主色/强调色)、形状(几何/有机、圆角/直角、描边)、材质与效果(纹理、渐变、透明度、光影)、风格(极简主义、瑞士风格、粗野主义、编辑设计等)。作者强调不必背诵术语,而应把这些词当作「视觉旋钮」,用「风格名称+具体规则」的方式替代模糊的主观描述,让 AI 输出更符合预期的设计。
本文介绍了一套基于 Grok Bot 的多智能体协作系统,用于从发现问题到产品发布的完整流程。作者强调不要让单个机器人承担所有任务,而是组建由 9 个核心机器人组成的团队:Scout(趋势发现)、Pain Miner(痛点挖掘)、Competitor Mapper(竞品分析)、Behavior Reverser(行为逆向)、Strategy Lead(策略制定)、CEO(决策)、Spec Writer(规格撰写)、Builder(构建)和 Video Director(发布视频),各机器人通过文件交接机制协同工作,遵循每周循环流程。文章还提供了法律合规边界、clean-room 模式、免费模板链接和可选的 8 个扩展插件。
本文面向内容创作者,系统整理了可实际使用的 MCP(Model Context Protocol)工具清单,涵盖做图、视频、语音配音、剪辑字幕、设计衔接和音乐六大场景。作者推荐 Sunra(聚合多家图片/视频/音频模型)、Magnific、ElevenLabs(配音)、Palmier Pro 和 DaVinci Resolve MCP(剪辑)、Figma MCP(设计)等,并提醒避开 Midjourney、Suno 等非官方第三方封装的 MCP。文中还给出安装方法、费用说明及五个常见踩坑提醒:认准官方网址版、注意账户余额、保护授权密钥、区分 Skill 与 MCP、先装一个用熟。
文章介绍了如何解决 AI 做图风格不统一的问题:将视觉风格沉淀为一份 visual-rules.md 规则文件,作为唯一规则源(Single Source of Truth)。作者详细讲解了如何从视觉资产中反推出包含品牌识别、颜色、字体、版式、图形元素等九大类的 Visual Rules,并演示如何将同一份规则分别应用于 ChatGPT(直接读取执行)、Skill(封装为长期能力和执行流程)和 Figma(映射为 Variables、Styles、Components 和 Templates)。当视觉体系需要更新时,只需修改源文件再同步到各工具端,避免在多个工具中分别维护规则,实现跨工具一致的视觉输出。
本文是 Codex-OpenPencil 插件的快速上手教程,以设计一个服装购物 APP 为例,完整演示从安装、打开画布、确认风格、扩展页面、选中元素口喷修改,到图片生成与搜索、保存设计资产,再到设计稿转代码的全流程。插件免费开源,提供支持平移缩放的无限画布,Codex 负责理解需求并调用工具,OpenPencil 负责设计展示与编辑,可 100% 还原生成 HTML、Vue、React、SwiftUI 等框架代码。文章还介绍了看板、教程图、对比图、PPT 等其他应用场景及常见问题处理方法。
HeyPCB 发布 MCP 服务,让 AI Agent 具备硬件电路设计能力。文章演示了通过 Claude Code 使用 HeyPCB 完成从原理图绘制、145 个元器件布局、布线到地平面铺铜的全流程。首次布局不佳时,Agent 自主检查并要求将 64 个 LED 重新排成 8mm 网格、支撑件移至背面;针对 D3 LED 数据引脚方向问题,Agent 旋转 180 度后重新布线。最终实现 0 DRC/ERC 错误,并成功导出 KiCad 项目通过官方检查。HeyPCB MCP 兼容 Claude Code、Codex、Cursor、ChatGPT 等 MCP 客户端,实现电路设计到固件和外壳的一体化 AI 硬件开发。