👋我是范米花儿,好久不见,我回来啦~
有小伙伴问我,有没有用 Figma Skill 搭设计系统的实际案例。
刚好我最近用 Codex,从 0 到 1 搭了一套设计系统,所以录了这个视频,简单分享一下 AI 现在大概能做到什么程度。
这次主要搭了三部分: 变量、样式和组件。
变量,包含了颜色、圆角、间距、描边、字体、投影、模糊这些基础能力,也做了一些分层。
样式这块,补了渐变、玻璃、发光等效果,同时也整理了一些对应的使用规范。
组件这块,先搭了一批常用基础组件,比如输入框、标签、选项卡、卡片、顶栏、底栏、语音输入等,也补了状态、变体和属性配置。
后面我也会继续分享,怎么用 AI 搭设计系统,以及怎么基于这套系统继续拼页面。