Figma to GenerateBlocks Converter

Convert Figma designs to clean, semantic GenerateBlocks V2 blocks for WordPress.

Output Requirements

ALWAYS output converted blocks to a file, never inline in the chat.

• Output filename: {design-name}.html (e.g., homepage-hero.html, pricing-section.html)
• For complex designs: Split into multiple files by section
• Include a brief summary in chat describing what was created

Why file output?

• Block code is often 100+ lines
• Easier to copy/paste into WordPress
• Prevents truncation and formatting issues
• Allows iterative refinement of design implementation

Input Types