vscode的figma插件无法真正获取标注参数，因其仅调用/v1/files/{key}/nodes api返回静态absoluteboundingbox和推测csstext，不读auto layout约束、constraints、lineheight真实值及标注线等ui层数据。
VSCode里装Figma插件，根本不能“直接查看标注参数”——它不读图层尺寸、不量间距、不标对齐线，所谓“标注”只是你手动截图后靠眼睛比。
为什么点Preview看不到字号/边距/对齐信息
Figma插件（如figma-vscode或Figma Tools）调用的是Figma的/v1/files/{key}/nodes API，只返回节点的absoluteBoundingBox和估算的cssText，但：
- 绝对定位框（
absoluteBoundingBox）是静态快照，不反映Auto Layout收缩/拉伸后的实际尺寸 -
cssText里的padding、gap、justify-content等值是反向推测的，Figma没暴露原始约束配置 - 文字行高（
lineHeight）常返回"normal"，而真实渲染依赖字体度量，CSS里写line-height: normal在Chrome/Firefox表现不一致 - 没有API字段对应“标注线距离”“参考线偏移”“切片导出区域”，这些是Figma UI层功能，未开放给插件接口
哪些操作看似像标注，实则无效
别被界面误导——以下行为不会给你可靠标注数据：
- 右键节点点
Preview in Editor：生成的是Markdown+PNG截图，尺寸数字来自absoluteBoundingBox，不是设计稿中标注面板显示的“到上/左边界距离” - 开启
figma.includeCss：导出的CSS里margin可能是0，但Figma里其实设了Constraints →leftoffset为16px，插件压根不读Constraints - 复制图层样式（
Copy as CSS）：只复制当前可见状态，Hover态隐藏的图层、Variant切换后的尺寸变化全被忽略 - 依赖插件侧边栏的“Properties”面板：显示的是Figma JSON Schema里的基础字段（
width/height），不包含constraints、layoutAlign、primaryAxisSizing等响应式关键参数
真要获取标注参数，得绕过插件走正路
如果你需要可落地的间距、字号、对齐逻辑，必须从Figma源头结构化导出：
- 在Figma中用
Design Token Studio定义spacing-xs、font-size-lg等变量，导出tokens.json，再在VSCode里import使用——这是唯一能保证数值一致的方式 - 对图标/按钮等原子组件，启用Figma的
Export with ID并勾选Inline SVG，导出的SVG含viewBox和width/height属性，比插件截图更准 - 想查某个Frame在不同断点下的尺寸？别信插件预览——直接在Figma里切到
Responsive模式，用Inspect面板手动记下各断点的width值，写进代码注释：// @figma-breakpoints: mobile=375, tablet=768, desktop=1440 - 团队强制规范：所有间距必须用
/spacing/前缀命名图层（如/spacing/padding-md），插件才能导出JSON时保留路径结构，否则export出来的就是扁平key，无法追溯语义
最易被忽略的一点：Figma插件导出的所有数值，都是「某一时刻的快照」。改了Figma文件，VSCode里不会自动刷新——你得手动运行figma.export命令，或者用Figma CLI配GitHub Action定时拉取。指望它像Sketch Measure那样实时联动，只会反复验证“为什么这个padding明明设了12px，插件显示却是8px”。
