读完就能用的 AI 知识文章

“设计系统” 标签下的文档

共 3 篇文章

设计AI提示工程提示词教程设计设计系统

AI 做海报、HTML 构图手册:16 种控制网格、图文关系与信息密度的海报构图——下册

本文是《AI做海报、HTML构图手册》下册,在解决'观众先看哪里'之后处理'内容多起来如何保持清楚'。文章讲解海报中构图与Grid System的关系,给出17-32共16种构图方法(上下分屏、水平带状、单栏/多栏/模块/瑞士/Bento网格、大字主导、图上叠字、拼贴层叠、破格网格等),每种都提供视线路径、适用场景、避坑点、提示词标签以及图像模型和HTML/CSS两套提示词,帮助把构图落地为可检查的网格与层级规则。

2026-09-1027111
AI编程从零构建开源工具Meta设计系统前端开发

5.2K Star!Meta 开源了其内部使用 8 年的设计系统,已支撑了超1.3万个应用!

Meta开源内部使用8年的设计系统Astryx,5.2K Star,160+组件,支撑1.3万+应用,支持定制品牌主题,附安装使用、组件示例和自定义主题完整教程。

2026-09-0110000
设计AI方法论实战案例设计UI设计设计系统

前Figma工程师是如何用 AI 进行设计的

前Figma工程师分享自己作为'非设计师却讨厌劣质设计'的工程师如何用AI做设计并去劣质化,总结出7条方法:始终考虑整体约束而非局部修补、去掉智能体多余添加的元素、在设计工具中而非产品内迭代、使用可复用组件与组件库、用预览部署以真实数据验证、借鉴已解决问题的设计方案、通过反复尝试与复盘探索并打磨自己的审美品味。强调约束评估与设计品味都源于实践经验。

2026-09-107000