figma-wp-blueprint

Project intro

figma-wp-blueprint is a Claude Code skill set that turns a Figma URL into a pixel-perfect custom WordPress theme. Instead of hand-building the theme, you run a series of slash commands: the skills scaffold the project, pull the Figma design, and generate a maintainable theme on ACF Pro Flexible Content and Custom Post Types, in pure CSS and vanilla JS. The part with engineering taste is the pixel check: the docs site shows diff verification across 1440, 768 and 375px breakpoints, so the generated theme is actually measured against the design rather than eyeballed. Requirements are stated plainly in the README — WordPress 6.5+, PHP 8.1+, ACF Pro, LocalWP, Node.js 18+ — and the author shipped it in October 2026 alongside a dev.to walkthrough of the whole Figma-to-theme flow. It is an unusual entry for the no-code shelf: not a no-code tool for non-developers, but a no-code workflow for developers — the repetitive Figma-to-WordPress translation, long the most billable boring work in agency life, turned into a reviewable agent pipeline. If you build client WordPress sites, the skills are the product as much as any single theme they produce.