从设计稿，到真实界面
把布局、组件和交互状态放在一起理解。设计的选择如何成为代码，代码的限制又如何帮助设计。
阅读建议：先了解设计中的问题，再看界面和服务如何回应它；登录后可把相关内容整理进自己的收藏合集。
设计·入门
让卡片适应内容：Figma 自动布局指南
按钮文案变长、标签增加或卡片换成窄屏时，手动调整很容易遗漏。沿着官方指南理解方向、间距与尺寸行为，再用真实长短内容检查组件，建立能继续修改的布局基础。
前端开发·入门
让内容决定断点：MDN 响应式布局入门
响应式布局需要处理连续变化的空间，而不只是对应几种设备尺寸。MDN 从弹性布局、媒体查询和视口设置讲起，适合用来检查卡片、正文与图片在不同宽度下的表现。