Wiki 知识库

全部文档 / 标签: 设计工具

40 篇
清除

AI 设计词典(中篇)|怎么准确描述视觉效果

本文是 AI 设计词典系列的中篇,系统整理了 AI 设计中高频的视觉词汇,帮助用户更精确地控制 AI 生成的视觉效果。文章分为五大维度:字体(衬线/无衬线、字重、字距、行距)、颜色(色相、饱和度、明度、主色/强调色)、形状(几何/有机、圆角/直角、描边)、材质与效果(纹理、渐变、透明度、光影)、风格(极简主义、瑞士风格、粗野主义、编辑设计等)。作者强调不必背诵术语,而应把这些词当作「视觉旋钮」,用「风格名称+具体规则」的方式替代模糊的主观描述,让 AI 输出更符合预期的设计。

技术 › 工具与效率 Morry.AI 2026-10-2316.7 KB 14.7K 177 83

Codex-OpenPencil 快速上手篇

本文是 Codex-OpenPencil 插件的快速上手教程,以设计一个服装购物 APP 为例,完整演示从安装、打开画布、确认风格、扩展页面、选中元素口喷修改,到图片生成与搜索、保存设计资产,再到设计稿转代码的全流程。插件免费开源,提供支持平移缩放的无限画布,Codex 负责理解需求并调用工具,OpenPencil 负责设计展示与编辑,可 100% 还原生成 HTML、Vue、React、SwiftUI 等框架代码。文章还介绍了看板、教程图、对比图、PPT 等其他应用场景及常见问题处理方法。

技术 › Codex Fini.Yang 2026-10-2012.8 KB 19.3K 90 88

把照片压进纸里:开源小工具「纸痕」

作者将此前「盲压浮雕」AI绘画概念做成无需AI的开源网页小工具「纸痕·盲压浮雕工坊」。导入照片后,工具可去除原色,通过亮边和阴影模拟纸面压痕浮雕效果,用户可调整纸色、压痕深浅、细节简化、侧光方向和纸纹,支持凸/凹切换和多种裁切比例,导出最高3200像素PNG。照片在浏览器本地处理,不上传服务器,无需登录和API,采用MIT许可证开源,适合制作人像配图、宠物纪念卡、壁纸等视觉素材。

技术 › 工具与效率 Derek Wen|德里克文 2026-10-104.8 KB 1.3K 15 72

Iris: 分析色彩比例与平衡的配色生成器应用上线

作者介绍其开发的调色板生成器 Iris 正式上线为应用(irisreads.app)。作者认为色彩理论中最被忽视的是色彩之间的比例与平衡关系:多数调色工具只能提取图片中的颜色,而 Iris 能进一步读取每种颜色的比例、平衡与角色,解释配色方案为何有效。应用还提供存档功能,可将生成的调色板保存为工作档案,方便未来项目使用。

技术 › 前端 lusso 2026-10-062.0 KB 16K 95 47

把照片变成复古印刷:我做了一个小工具,免费开源!

作者开源了一个名为「孔版印刷机」的网页小工具,可将照片转成复古孔版印刷风格。工具提供7组控制项:油墨颜色、色彩数量、明暗阈值、网点大小、套印偏移、纸张颗粒和效果强度,支持原图/效果图对比查看与随机配色。图片在浏览器本地处理,使用WebGL加速并提供本地Worker回退,可导出原尺寸PNG。项目采用MIT许可,源码托管在GitHub,可直接打开index.html使用,为内容创作者提供了新的封面风格选择,也是动手做工具的起点。

技术 › 工具与效率 Derek Wen|德里克文 2026-10-035.0 KB 976 7 78

Agentic Systems Are the Future of Brands

文章提出 Agentic Brand Systems(智能体品牌系统)是品牌管理的未来。随着团队扩张和 AI 智能体参与生产,品牌决策速度暴增,而传统品牌指南分散在 Figma、Canva、代码等不同工具中,导致信息漂移和不一致。作者以 Sonata 品牌套件为例,介绍将品牌定位、语言规范、视觉规则(visual-system.json、tokens.css)和可用的 React 组件整合为一个人类可浏览、智能体可读取的统一系统,让每次触点都成为品牌真理源的延伸,终结品牌漂移问题。

技术 › Agent Little Plains 2026-10-0117.7 KB 332.5K 176 63

再发三个可以一键做出高级感的神仙级网站

作者冰河推荐了三个能一键做出高级感设计的网站:Reactbits 提供160多个动画组件和滤镜工具,Animata 提供150多个MIT协议组件,VengenceUI 专注落地页和鼠标水波等效果。这些网站适合前端设计师快速提升作品颜值,强调信息差的价值。

技术 › 前端 冰河 (@binghe) 2026-09-141.6 KB 62

Day 6 building the Figma for hardware

作者正在开发一款硬件设计工具,被称为“硬件领域的 Figma”。本文是第 6 天的构建日志,重点研究了透明外壳设计:探讨外壳厚度、折射、色调、磨砂玻璃、光学层以及从小开口到凸透镜等多种窗口形状对设备内部可视性的影响。目标是让透明度也实现参数化,让设计者可以控制硬件展示内部组件的方式,使设备内部成为设计的一部分。整个工具完全在网页端实时运行,未来还将包含发布等更多功能,不仅是美学工具。

技术 › 前端 Tykra (@ty_kra_lab) 2026-09-081.8 KB 51

40 种适合杂志、海报与 AI 生图的英文字体图鉴(下册)

本文是字体图鉴下册,介绍第 21-40 种适合杂志、海报与 AI 生图的英文字体,涵盖无衬线(Graphik、Circular、GT America、Bebas Neue、DIN Condensed 等)、手写(Biro Script、Caveat、Sacramento)、书法与签名(Allura、SignPainter、Mrs Saint Delafield)等风格。每种字体附类型说明、适用场景和可直接复制的 AI 生图提示词。文末给出三层字体搭配方法论:高级衬线主标题 + 极简无衬线正文 + 手写点缀,并提供完整可复制的 AI 海报字体提示词模板。

技术 › 前端 Adrian Punk 2026-09-0512.8 KB 199.5K 481 79

Figma Motion、AE、Rive 到底怎么选?一个五年设计师的经验

文章系统对比了 Figma Motion、After Effects 和 Rive 三款动效工具的定位与适用场景。Figma Motion 定位轻量,适合 UI 日常动效的快速交付,支持导出 CSS、React 代码并兼容 MCP;Rive 凭借状态机、骨骼动画和高性能运行时渲染,适合产品级交互动画;AE 则仍是品牌宣传片和复杂视觉特效的首选。作者给出了三步选择框架:无交互的 UI 动效用 Figma Motion,有交互逻辑的去 Rive,复杂特效开 AE,帮助设计师减少工具切换和沟通成本。

技术 › 前端 三秋十李 Sergio 2026-09-0212.9 KB 3.7K 16 83

The Frontier Design System(前沿设计系统)

作者提出一种新型设计系统理念——前沿设计系统(Frontier Design System)。它不只是 tokens 和组件的集合,而是对整个产品的活态上下文模型,涵盖组件行为、模板、流程、信息架构、本地化规则与业务逻辑。基于这一模型,设计产物(静态地图、轻量原型、数据绑定原型直至生产应用)都成为同一上下文的不同视图,弥合设计与开发之间的鸿沟。设计师的输入从具体界面变为声明意图,由 LLM 基于上下文生成原型供设计师评判迭代。该模型最适合具有稳定语法的产品(如媒体、电商、出行),挑战在于维护上下文的准确性与保留创新空间,设计师的核心工作将转向构建和维护这一产品上下文模型。

技术 › 前端 Ethan Eismann 2026-08-308.6 KB 31.3K 83 72

分享Claude Design使用方法!即使你不会做设计,也能用它把想法交付成原型、Slides 和 One-pager

本文介绍了Anthropic Labs推出的视觉创作产品Claude Design,它并非简单的AI画图工具,而是一个设计前置工作台,旨在帮助非设计岗位用户将模糊想法转化为可讨论、可迭代的设计成果。文章详细阐述了Claude Design的交互方式(左侧聊天、右侧画布),并提供了从撰写设计brief、生成多个视觉方向、构建交互原型,到制作Slides和One-pager的完整工作流程。最后,文章给出了适合与不适合使用该工具的人群,并提供了一套可直接复制的输入模板,帮助用户快速上手。

技术 › Claude FlowOps Daily 2026-08-2112.3 KB 2.1K 4 81

三号设计周刊 Vol.33|Figma 设计经验封装与 AI 工作流

本期周刊探讨了 Figma Agent Skills 生态成型,设计经验现可被封装复用;Figma 实验证明 AI 能提速 20%。此外涵盖 iOS 27 视觉更新、Instagram 换标风波、DeepSeek Harness 发布,以及多款动效与素材工具推荐,最后分析了 AI 原生 UI 组件库与交互细节。

技术 › 前端 三 三号设计情报站 2026-08-1712.9 KB 76

20个Agent友好的灵感&设计参考网站合集分享,远离AI-Slop

本文分享了20个对Agent友好的设计灵感与参考网站,旨在帮助设计师和开发者避免AI-Slop(千篇一律的AI生成设计)。文章按实际工作顺序将网站分为三类:先确定视觉方向(如Pinterest、Behance、Awwwards等),再研究真实页面与产品流程(如A1 Gallery、Mobbin、Refero等),最后将参考交给Agent进入设计和代码(如Lucide、shadcn/ui等)。文中还提供了一条避免AI-Slop的工作流,并附有可直接使用的提示词模板,指导如何将设计参考转化为Agent可执行的设计规则。

技术 › 工具与效率 阿哲Phil 2026-08-1519.9 KB 18.8K 58 84

Open Design 突破 80k Star 成为 Github 排名前 200 项目

Open Design 项目在 GitHub 上正式突破 80k Star,成为历史上排名前 200 的项目。过去两个半月,项目发布了 20 多个版本,吸引了全球 438 名贡献者,下载量超过 100 万。它已从简单工具演变为完整的 design agent 工作台,支持多种设计功能,并构建了多元的开发者社区。

技术 › Agent Tom Huang 2026-07-212.4 KB

如何真正利用 AI 进行设计

文章探讨了如何正确利用 AI 辅助设计,强调核心在于人类的创意、方向和审美,而 AI 仅仅是执行工具。作者提出了三种具体方法:使用现成的设计技能(Skills)、逐个组件构建(Component-by-Component)以及利用灵感板。文章详细阐述了从定义意图、收集参考到结构映射和资产生成的完整设计工作流,并推荐了如 Mobbin、Cursor、Codex 等实用工具。

技术 › AI设计 Leon Lin 2026-07-138.5 KB 877K 2.3K

Motion-Graphics Skill:用自然语言制作动态图形

文章介绍了 HyperFrames 的 Motion-Graphics Skill,这是一个通过 Agent 自动生成动态图形的工具。用户只需描述想要传达的内容(如趋势、品牌、数据),无需掌握专业术语或设计软件,Agent 即可自动完成数据获取、设计排版和动画渲染,极大地降低了视频设计和数据可视化的门槛。

技术 › Agent HeyGen 2026-07-136.9 KB 90.8K 697

Kimi K2.6 干成了Claude Design国产版,一句话生成电影级的动态品牌网站

文章评测了 Kimi K2.6 的代码驱动设计能力,认为其效果可对标 Claude Design。作者通过创建星际风格品牌站、全屏沉浸式文章页及利用 Lovart 素材生成动态网页等案例,展示了 Kimi K2.6 在视觉动效与全栈开发(含后端与数据库)上的突破。此外,文章还结合 Claude Design 的准则,演示了使用 Kimi 生成高审美 PPT 的可能。

技术 › 工具与效率 饼干哥哥AGI(2.0) 2026-07-1011.2 KB 2.5K 7

用颜色驱动空间:AI如何把一组色值变成真实居住场景

本文探讨了如何利用AI技术将客户模糊的颜色偏好转化为专业的空间配色方案。通过颜色库与搭配素材库的结合,系统将抽象的颜色需求拆解为可视化的材质、光影与比例关系。文章详细介绍了从颜色输入、扩展分析到空间模拟的完整工作流,强调了AI作为沟通工具在设计决策中的价值,旨在让客户更清晰地看到色彩在真实空间中的落地效果。

技术 › 工具与效率 hanfeer 2026-07-069.4 KB 2.5K 6

用 ChatGPT-Image2 生成企业级商用画册的方法

作者分享了利用 ChatGPT-Image2 制作高完成度企业画册的实战经验。文章通过拆解商业画册的六大结构(封面、介绍、产品、场景、案例、预览)并提供通用提示词框架,展示了如何生成风格统一、具备深色科技美学的专业视觉方案,同时也涵盖了如何利用已有资料进行优化和避坑指南。

技术 › 工具与效率 Larus Canus 2026-05-203.7 KB 79

Claude + Figma 彻底改变了网页设计:从想法到落地的革命

文章探讨了 Claude 结合 Figma 如何解决网页设计中最难的部分:从“想法”到“执行”的转化。作者指出,AI 极大地提高了从规划、文案到代码生成的效率,使得一个人就能完成以前需要一个团队的工作。文章强调,未来的核心竞争力不再是单纯的编码或绘画能力,而是人类的审美品位、指导 AI 的能力以及快速交付的速度。

技术 › LLM Suryansh Tiwari 2026-05-174.3 KB 20.1K 98 50

如何精通AI静态广告生成(附7个可复制提示词)

本文介绍了如何利用GPT Image 2.0一键生成高质量的品牌静态广告,替代繁琐的Canva编辑。作者分享了7个实用提示词,涵盖竞品仿制、卖点突出、生活场景、UGC风格、产品展示、信息图解及趣味创意等不同广告类型,并附有具体参数和设计规则,旨在帮助广告主快速提升素材制作效率。

技术 › LLM Lorenzo 2026-05-077.6 KB 22.8K 156 82

纪念碑谷美学提示词:素雅与多色两版

作者受游戏《纪念碑谷》启发,提炼其极简主义与埃舍尔风格的美学特征,耗时2小时编写了“素雅版”与“多色版”两套AI绘画提示词。文章详细阐述了从语义理解、空间构建、色彩质感到排版设计的完整逻辑,旨在利用AI生成具有治愈系色彩和高级建筑感的设计海报。

技术 › 工具与效率 小小东 2026-05-027.0 KB 74