我做这个网站，是想帮设计师看懂代码。
这几年，AI 生成页面、设计稿还原、前端协作越来越常见。很多设计师能看到页面结果，却看不懂背后的结构和逻辑。
我会用设计师熟悉的方式解释代码概念。比如用 Figma 里的组件、自动布局、变量和交互，去理解前端里的结构、样式、组件和状态。
这个网站最难的部分，是转译。既要理解代码，也要理解设计师的思维方式，再把抽象概念变成类比、可视化、动画和互动小游戏。
之前做过一次内部分享，也收到过“还是看不懂”的反馈。所以这次我重新梳理了内容和结构，希望它能成为设计师看懂代码的一个入口，内容会持续更新、细水长流。