From a Figma URL to a custom WordPress theme with Claude Code

2026-10-13来源 dev.to ProgrammingEnglish

I built figma-wp-blueprint, a set of Claude Code skills for turning a Figma design into a custom WordPress theme.

Paste a Figma URL and it:

  • extracts colors, fonts, spacing, and breakpoints
  • builds each section as an ACF Flexible Content layout (fields, PHP template, scoped CSS)
  • measures the result against Figma at every breakpoint with /pixel-check
  • works one feature at a time, on its own Git branch, and asks for your approval before committing

The result is a classic PHP theme with pure CSS and vanilla JS: no page builder, no jQuery, no build step.

🌐 https://figma-wp-blueprint.vercel.app/
⭐ https://github.com/saidMounaim/figma-wp-blueprint

Feedback welcome!

原文:https://www.a8q9.cn/en/article/from-a-figma-url-to-a-custom-wordpress-theme-with-claude-code-eeb11b.html

相关文章