discover-and-convert

To convert Figma layers into reusable components, this Skill scans your page to identify candidate frames, groups, and shapes, then promotes eligible nodes into components while preserving dimensions and saving mappings to your sync directory.

Figma component discovery is the automated process of scanning a page to identify potential component candidates. It streamlines handoffs by converting eligible layers into reusable components and saving component specs for consistent code-generation.

You map Figma design system components by running the conversion process to promote candidate nodes, which saves component specs and mappings directly to the project's figma sync directory to guide consistent code generation.

You need bridge tools that support listing layers, creating components, saving specs, and saving connections. These allow the Skill to reliably identify candidate nodes, promote them, and preserve dimensions without manual setup.

Yes, dimension preservation checks are applied during the conversion of Figma layers. This ensures that when eligible nodes are promoted into reusable components, their original dimensions and mappings are accurately maintained.

Automating Figma component creation relies on scanning frames, groups, and shapes to find candidates, but requires specific bridge functions for reliable operation. Complex design structures may need manual review before final mapping and spec saving.