Connect A Design To A Design System

Use this skill for an existing Figma design that should reuse a published design system instead of detached layers, local wrappers, or one-off components.

This skill supports two entry modes:

• review-then-apply: the user wants a broad pass, but the exact offending sections are not yet identified
• apply-known-scope: the user already knows which sections or clusters should be brought onto the design system

Load these capabilities first:

• Figma MCP read access for tools such as get_metadata, get_screenshot, and search_design_system
• a figma-use-style helper before any use_figma call, when your environment requires one
• a screen-building companion workflow, when available, if you are reconnecting a full screen or page

Do not use this skill as the default follow-up to a single audit-design-system finding. For one targeted issue, use fix-design-system-finding so the write scope stays narrow.

Core Rule

Do not treat a section as "connected" just because it contains a few design-system buttons or icons.