Figma to GenerateBlocks

Convert a supplied Figma design, exported CSS, or screenshot into editable native blocks. Distinguish measured source properties from inferred behavior.

Use GenerateBlocks (including Pro) and core blocks only. Keep CSS in native block styles and interactions in native blocks. Do not add Scripts Manager, Page Block, Custom HTML/CSS/JS, or another builder without an explicit request.

Shared contract

Use the companion generateblocks-layouts skill's references/authoring-contract.md before emitting markup, and its references/_index.md to select task-specific guides. With installed skills it is the sibling ../generateblocks-layouts/; a standalone bundle carries the same dependency under references/generateblocks-layouts/. Do not read both copies or the entire library.