01 · WATCH
播放页
控制栏、动作栏与频道行的主次关系
9:41
7:48 / 18:42
从零搭建一套高密度设计系统：颜色、间距与组件
128 万次观看 · 2 天前 · #设计系统 #UI
Design Atelier
86.4 万位订阅者
这套设计系统从颜色 token 开始，逐步搭建间距、字体与组件。视频里也会展示如何把 Figma 变量同步到前端工程。
128万
2 天前
4K
评论 2,847
添加评论…
林屿 · 2 小时前
喜欢这种从 token 讲起的结构，终于不是直接堆组件了。
248回复02 · DETAILS
评论与章节
把阅读与时间线放在同一层
9:41
从零搭建一套高密度设计系统
Design Atelier · 18:42
章节
18:42 · 8 个章节评论 2,847
说说你的想法…
林屿 · 2 小时前 置顶
喜欢这种从 token 讲起的结构，终于不是直接堆组件了。想知道颜色变量是怎么和前端同步的？
248回复
12Design Atelier 作者
下一期会专门讲 Figma Variables 到 CSS 变量的同步流程。
Mia · 3 小时前
06:32 的间距示范太清晰了。已收藏，准备拿去做团队分享。
96回复
Kai · 5 小时前
希望之后能讲讲暗色模式下的颜色对比度处理。
41回复03 · FULLSCREEN
全屏播放
最小控制、手势提示与沉浸画面
9:41
双指缩放画面
双击快退 10 秒 双击快进 10 秒 
从零搭建一套高密度设计系统
Design Atelier · 128 万次观看
7:4818:42
