Introduction

transjt turns Figma designs and vibe-coded websites into native HubSpot and WordPress themes.

What is transjt?

transjt converts a design or a coded frontend into a real theme for your CMS. You bring a Figma design, or a site you built with an AI tool such as Lovable, v0, bolt.new or Claude Code. transjt turns it into a HubSpot or WordPress theme with editable blocks, so your team can build and change pages in the CMS editor without touching code.

Who is transjt for?

• Agencies and freelancers who deliver HubSpot or WordPress websites to clients and want to go from design to theme without a long build phase.
• Marketing teams who want to build and change pages themselves in the CMS editor, without waiting for a developer.
• Founders and makers who build with AI in tools like Lovable, v0, bolt.new or Claude Code and want the result running on HubSpot or WordPress.
• Designers who work in Figma and want their design to become a working website.

What you get

• A native theme. For HubSpot: HubL modules your team can rearrange in the drag-and-drop editor. For WordPress: PHP templates on hosting you own, with every section available as a reusable block.
• Responsive layouts. Desktop, tablet and mobile versions are part of the export.
• Multi-language ready. The theme is prepared for translated content.
• Editable header and footer. Navigation and footer come as editable modules.
• No page-builder plugin. You own the theme files.

Two ways in

	Figma	GitHub (vibe code)
You start with	A design in Figma	A repository from an AI builder
You use	The transjt plugin for Figma	The transjt app, source "GitHub"
Best for	Designers, agencies	Founders and marketers who build with AI

Supported AI tools: Lovable, Figma Make, Claude Code, builder.io, rocket.new, bolt.new, v0, Replit and Base44.

Which CMS?

transjt exports to HubSpot CMS and WordPress. Pick the one your site runs on, or the one you are moving to.

Where to go next

Start with the Quick start for your first export, step by step.