State Switcher

About this plugin

State Switcher — 用节点级状态实现可组合的组件切换

State Switcher 不是基于 Figma 变体的切换方式，而是直接记录并切换 节点的状态（显隐、图片、尺寸、文字等）。一个组件可以包含多个“切换集”，每个切换集可指定它控制的多个节点，并为每个节点添加若干状态，供设计者自由组合与切换。

适用场景

复杂组件/控件需要在设计阶段展示多套 UI 状态（但不想建立大量变体）

设计系统中的交互预览、状态演示、快速替换占位图/文本

团队协作时用更细粒度的状态控制替代笨重的变体管理

主要功能

节点级状态：控制节点显隐、替换图片、修改尺寸与文本内容

一个组件可创建多个切换（Switch），每个 Switch 可控制任意节点集合

支持批量应用/回退状态、导入/导出状态配置（便于统一样式）

轻量、非破坏性：不会修改原始矢量形状的几何，只修改节点属性

快速上手

在画布中选中一个组件或 Frame，打开插件 → 新建一个 Switch。

在 Switch 中选择要控制的节点（可逐个点选或批量选择）。

为节点添加状态（例如：默认、Hover、Active、Disabled），并设置每个状态的属性（显隐、图片、大小、文本）。

在组件上直接切换状态进行预览，或在设计稿中演示。

注意

插件仅在 Figma Desktop 中进行开发/调试与发布时正常工作。

本插件在设计阶段修改节点属性用于预览；如需把状态固定到图层，请使用“导出状态为实例”功能（若启用）。