应调整dev mode的ai代码生成设置以对齐项目规范：一、配置design tokens映射规则；二、启用语义化html与aria约束；三、导入yaml代码风格模板；四、绑定组件库typescript schema；五、切换css-in-js或utility-first输出模式。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
如果您在Figma Dev Mode中使用AI生成代码时发现输出不符合项目规范，例如类名不遵循BEM命名、CSS变量未引用设计令牌、组件缺少可访问性属性或HTML结构语义缺失，则可能是由于Dev Mode的AI代码生成设置未针对当前设计系统进行预设调整。以下是实现规范对齐的具体方法：
一、启用并配置Design Tokens映射规则
Dev Mode需明确将Figma样式（如Color、Typography、Spacing）映射为代码中可消费的设计令牌，否则AI会回退至硬编码值，破坏一致性与可维护性。
1、在Dev Mode侧边栏点击「Settings」→「Code Generation」→「Design Tokens」。
2、勾选「Enable token-based output」，确保所有颜色、字体大小、间距均启用令牌化输出。
3、为每个本地样式集手动绑定对应CSS自定义属性名，例如将Figma中名为“Primary/500”的颜色样式映射为--color-primary-500。
4、保存后，在任意Frame上右键选择「Generate Code」，验证生成结果中是否全部使用变量而非十六进制值或像素字面量。
二、强制启用语义化HTML与ARIA结构约束
AI默认可能生成
堆叠结构，而忽略、
