Figma 商品卡片切换款式变体后，为什么换回了示例图片？

先确认问题范围

复制商品卡片所在页面或文件中的测试对象，保留原始卡片不动。准备一个明确的 SKU 图片，例如“蓝色水壶_正面”，并只观察一个图片位置；不要同时修改标题、价格和其他装饰图层，否则很难判断是图片覆写丢失，还是多个属性一起变化。

在测试副本中记录三项证据：切换前显示的图片、切换后显示的图片、Layers 面板中图片相关图层的名称和父子层级。重点比较同一位置在两个款式变体里是否仍由对应的图层承载，而不是只比较画面上看起来是否相似。

1. 在卡片实例上设置一张明确的 SKU 图片覆写。
2. 执行一次款式变体切换，再切回原变体。
3. 记录图片值是否保留，以及图片图层在 Layers 面板中的名称和层级是否变化。

判断覆写为何丢失

组件或实例切换会受到内部结构影响。若两个变体的对应图片图层名称不同、所在层级不同，或其中一个变体没有对应图层，Figma 可能无法把原实例上的图片覆写映射回新的位置，于是显示该变体预设的示例图片。

如果图层名称和层级一致，但切换后仍恢复示例图，应继续观察该图片覆写是否在切换动作后仍被识别；不要仅凭最终画面推断原因。若覆写状态消失，问题更接近变体结构或覆写映射；若覆写仍存在但画面不对，则需要检查图片是否实际设置在对应的填充或图像位置。

虚构练习：用两个资产复现

虚构练习：资产一是“蓝色水壶_正面”SKU 图片，明确设置到变体“蓝色”的图片图层；资产二是“红色水壶_正面”示例图片，明确作为变体“红色”的默认图片。先定义这两个值，再进行 A/B 比较：A 组使用两个变体中都叫“商品图片”、都位于“卡片内容”下的图片图层；B 组故意让红色变体使用“主视觉”名称，或把图片移到不同父层级。

分别给两组实例覆写为“蓝色水壶_正面”，执行蓝色到红色再切回蓝色的变体切换。A 组通过的表现是切回后仍显示“蓝色水壶_正面”；B 组失败的表现是切换过程中或切回后显示“红色水壶_正面”或其他预设示例图。该练习只是结构诊断示例，不代表已在你的文件中测试。

1. 先完成 A 组与 B 组的图层命名、层级和默认图片定义。
2. 分别在实例上设置同一张“蓝色水壶_正面”覆写。
3. 执行相同的切换路径，并保存切换前后截图或图层记录。
4. 只有 A 组满足“切回后仍显示 SKU 图片”时，才将其结构调整带回生产组件。

按分支修复并验收

若测试表明结构不一致，修复重点是让对应图片图层在各变体中具有可比较的名称和层级，并确认每个变体确实有对应的图片位置。修复后重新建立测试实例，再执行同一路径；不要直接删除媒体或批量重建所有卡片。

若结构已经一致但覆写仍丢失，先检查实际被覆写的对象是否就是该图片图层，并逐步减少测试内容到单张图片和两个变体。若最小测试仍失败，记录变体名称、图层树、切换前后图片值和覆写状态，再交由熟悉该文件组件结构的人继续定位。

验收条件必须具体：在同一测试副本中，给卡片设置指定 SKU 图片，完成“变体一到变体二再回到变体一”至少一次后，变体一仍显示该 SKU 图片；同时，对应图片图层的名称和父子层级没有因切换而改变。

资料与建议的范围

下列官方资料支持工具行为和功能边界；本题的测试素材、分支判断和通过条件由 Itemlume 编辑设计，引用不代表对方背书。不要把练习中的尺寸、名称或时间直接当作你的生产规格。