把 Figma 里的设计带进 HyperFrames 时，figma Skill 会按能力拆成静态素材、品牌 tokens、组件、动效和 shader 几条路线。核心原则是先冻结到本地，让渲染不依赖运行时访问 Figma，也保留来源和绑定关系。
只要是 logo、图片或图标，走 asset；要同步颜色和字体，先导入 tokens，再导入组件。组件导入后会尽量生成可编辑 HTML，并把已知变量绑定成 CSS 自定义属性。文本和几何是最容易产生像素偏差的地方，要拿 Figma 导出的 PNG 做静态对照，不能凭感觉微调。
Figma 动效需要可用的 connector；拿不到时应请求原生导出，而不是假装从 REST 读到了时间轴。尤其 shader 会在 connector 导出中被压平成基础色，不能把错误的截图当成真实效果。使用前准备 Figma token 和对应权限，完成后运行 HyperFrames check。