Lobster
An internal tool built at BFJ Digital that takes a Figma design through to a production build in WordPress, Payload CMS or HubSpot, drawing on around 1,500 components from Relume's React/Tailwind library.
The problem
Agencies redesign the same kinds of pages for client after client, and someone still has to turn each Figma file into working markup by hand. Lobster automates that handoff.
How it works
Lobster pulls design tokens and page content straight out of Figma via the Figma REST API, then matches what it finds against a library of around 1,500 components extracted from Relume's React/Tailwind kit. On the WordPress path, a JSX-to-PHP transpiler converts the matched components into working templates, generates the matching ACF field groups and Gutenberg blocks, and publishes the pages through the WordPress REST API.
Proof it works
One command took ten Figma-designed pages live on a real client site: qtfn.jasonm.com.au, built for Queensland Trust for Nature, a Brisbane land-conservation nonprofit.
Where it's headed
The WordPress path is fully built and live-proven. Payload CMS and HubSpot export paths exist and work too, though they're less mature: Payload sits at roughly 70 to 80 percent no-dev fidelity today, with one known bug around header and footer globals still to fix.