跳转到内容
flamo
开始使用

组件集

Flamo 当前把 Figma Component Set 的产品边界收敛为:高保真渲染 + 当前 Preview 中的实例属性调试。这不等于已经支持从重复视觉树自动生成完整状态机与内部交互。

  • 导入 Component Set、Component、Instance 与 definition lineage;
  • 解析公开 Figma properties、稀疏 Variant tuple、overrides 和 assignments;
  • 按目标 Variant 重建 instance-local subtree,并保持多实例隔离;
  • 在 Preview 中调试 exact-reachable Variant;
  • 对有 consumer 的 Text/Boolean property 做 transient 编辑;
  • 依据 HUG/FILL/FIXED 重新计算目标 Variant 的尺寸与布局。

稀疏 tuple 只做完整 exact match,不猜“最近的 Variant”。不可达组合应禁用或返回 typed diagnostic。

  • AI 从整个 Component Set 的重复视觉树推导或重写交互脚本;
  • Component Set 内部 reaction graph 的通用解析、持久化与执行;
  • 把多个完整 Variant instance 常驻后切换可见性当作 Flamo-native 状态模型;
  • 把 Frame prototype 的 Smart Animate 能力外推为 Component Set instance subtree 动画;
  • 未实现 backend 的 instance-swap property 编辑。

Component Set 继续承担设计组织、Variant 渲染和手工 Preview 验证。普通 Flamo 组件的交互状态优先使用单一 boundary、开放 props、state/variant patch、Behavior 和必要的动态 subtree。等真实 Component Set interaction 案例提供 source/target、reaction、transition 和实例行为后,再为该案例建立协议与 Golden。

Frame 页面间的动画范围请单独阅读智能动画。