sens-plugin

About this plugin

功能概览设计 Token 识别：根据节点的 Solid 填充颜色匹配预设 Token，同时支持 Tailwind 类名和 Less 变量。Dev Mode Codegen：在 Figma Dev Mode 的 Code 面板中，为选中节点生成对应的 Tailwind 和 Less 代码片段。变量注入：将匹配到的变量写入节点名称，或写入 Figma 的 sharedPluginData，供 Codegen、MCP 和 AI 工具读取。规范检查：检查图层命名、Auto Layout、交互标注、嵌套层级、间距变量等 12 项规则，并支持对部分 Error 规则进行一键修复。组件名称转换：根据预设映射表，将「按钮」「表格」等组件名称转换为 sensd/Button、sensd/Table 等标准名称。使用说明查看节点 Token在 Figma 中切换到 Dev Mode。选中一个包含颜色填充的节点。打开右侧 Code 面板，选择 Tokens 语言。插件会显示匹配到的 Token。Tailwind 会输出对应的 Tailwind 类名；Less 会输出对应的 Less 变量。如果 Token 没有对应的 Less 变量，则显示无对应变量。插件只会匹配可见的 Solid 填充，并按照节点填充顺序返回匹配到的 Token。如果没有匹配结果，则显示 No matching fill token。注入变量到节点在 Figma 编辑态下，右键打开 Plugins → sens-plugin，可以选择以下命令：注入变量到名称：把变量追加到节点名称，例如：Button [less:@component-primary][tailwind:bg-primary]重复执行不会不断追加相同标记。插件会保留原始节点名称，并更新变量标记。注入变量到节点信息：把变量写入节点的 sharedPluginData，不会改变画布上显示的节点名称。两种模式默认都会扫描当前页面下的所有节点。如果当前有选中图层，则只扫描选中图层及其子孙节点。插件会跳过隐藏节点、组件定义以及实例的内部子节点。只有匹配到预设 Token 的填充才会被处理。规范检查在 Figma 编辑态下选中需要检查的图层。如果没有选中图层，则检查当前页面。右键选择 Plugins → sens-plugin → 打开面板。在面板中查看按照规则分组的问题。点击问题卡片可以定位到对应图层。对于支持自动修复的问题，会显示修复按钮。修复完成后，插件会自动重新扫描。局部检查只扫描选中图层及其子孙节点；全页检查则扫描当前 Page 下的设计稿。面板中的评分仅用于辅助评估，不会影响 Figma 文件或交付流程。转换组件名称在 Figma 编辑态下右键选择 Plugins → sens-plugin → 转换组件名称。插件会扫描当前页面中的组件集、组件和实例。命中映射规则的节点会被重命名为 sensd/<标准名>，例如 sensd/Button。该命令始终扫描当前页面，不依赖选区。组件集中的变体子组件不会被重命名。命名会直接修改画布内容，如需回退，请使用 Figma 的 Undo 功能。