What problem does it solve? Existing Figma designs often contain detached layers, local wrappers, and one-off components that drift from the published design system. This Skill reconciles those screens by auditing sections, mapping them to library components, and swapping or rebuilding them with verified library instances. ## Core Features & Use Cases - Section Classification: Sorts each screen section into already-connected, exact-swap, compose-from-primitives, or blocked buckets before editing. - Safe Incremental Editing: Backs up the target frame, updates one section at a time, preserves position and size in non-auto-layout parents, and validates each change with screenshots. - Import Failure Handling: Detects failed component imports, verifies exact component keys, and marks sections as blocked with concrete reasons instead of pretending they are connected. - Use Case: A designer has a mobile dashboard built from detached local layers. The Skill audits the screen, swaps matching sections for published library variants, rebuilds the header from library primitives, and reports exactly which sections were swapped, composed, or blocked. ## Quick Start Use apply-design-system to review this Figma screen and connect its sections to the published design system components.
