Star image before

AI Gutenberg Block Builder

Free Wordpress Plugin

Create custom Gutenberg sections from text prompts, screenshots, or Figma references, directly inside your existing WordPress theme. Edit and adjust them easily to fit your needs.

AI Assistant
Create slider some nice slider with 3 slides in a row and arrows in a row and arrows

Created all four frontend files for the slider-content-2 block: block.json with white background via attributes and sfSpacing; template.php with a Swiper slider — each slide rendering image/title.

Live previewslider-content-2

Describe what you want to build in the AI panel, and watch your design come to life...

Generate from Figma

Generate from screenshots

AI-generated Gutenberg blocks in seconds

Figma integration

Ideas into editable Gutenberg sections

Turn ideas, screenshots, and Figma designs into editable Gutenberg sections

Text

Text to Gutenberg Section

Describe what you need. The plugin generates real native blocks — not shortcodes, not an iframe.

Screenshot to Gutenberg Section

Screenshot to Gutenberg Section

Drop a screenshot. Get back a Gutenberg section that mirrors the structure.

Figma to Gutenberg Section

Figma to Gutenberg Section

Connect your Figma key. Receive exact layouts in minutes. Add your content. Minutes instead of days.

Theme

Theme Independenly

Compatible with any theme in the Gutenberg environment.

Editible

Editable in WordPress

Every section opens in the block editor like any other content. Your team edits it the way they already know.

AI

AI Provider Choice

Change the generated block whenever you want. Go back to the previous version. Feel free.

For WordPress teams

Built for WordPress teams that need custom sections faster.

Skip the boilerplate. Keep the standards

For WordPress Developers


  • Built for WordPress teams that need custom sections faster.
  • Theme.json tokens respected automatically
  • Custom block patterns supported
  • Diff what was generated before you save
  • No proprietary lock-in — uninstall and the blocks stay

Ship the section you sketched, today

For Content Creators

  • Describe the layout in plain language
  • Edit copy and images in the editor you already use
  • Reuse sections across pages with one click
  • Reference designs from screenshots or Figma
  • No need to wait for a developer queue

Refresh your site without rebuilding it

For Small Business Owners


  • Add new sections to existing pages safely
  • Doesn't touch your header, footer, or theme
  • Works with whatever site you have today
  • Your team can keep editing after we hand off
  • Free tier covers your first refresh

Generate a WordPress section in four steps

STEP
1

Install the Plugin

Upload the .zip from the email you receive after registration. Activate it inside WP Admin.

STEP
2

Choose Your Input

Pick text prompt, screenshot, or Figma reference. Combine them when the design needs more context.

STEP
3

Generate the Section

The plugin reads your active theme, sends a structured request to your chosen AI provider, and returns native Gutenberg blocks.

STEP
4

Edit and Publish

The section drops into your draft page. Edit copy, swap images, reorder columns, then publish like any other post.

Download the plugin and build your first sections for free

No marketplace listing. No fine print. Register once, get the .zip in your inbox, and generate your first 3–5 sections without a paid API key.

  • Free test generation included with every account
  • No WordPress.org marketplace installation required
  • Works with existing WordPress 6.4+ websites
  • Supports OpenAI, Anthropic Claude, and Google Gemini
  • Built by experienced WordPress developers

Not another page builder

Capability
AI Content Plugins
Page Builders
AI Website Builders
Works inside existing WordPress site
Yes
No
Limited
No
Outputs native Gutenberg blocks
Yes
Limited
No
No
Generates layouts (not just text)
Yes
No
Yes
No
Editable by content team afterwards
Yes
Yes
Limited
Limited
Accepts screenshots & Figma input
Yes
No
No
Limited
Bring your own API key
Yes
No
No
No

Each category solves a different problem. Here's how the four approaches compare on the things that matter when you already have a working WordPress site.

Download Plugin

Use the AI provider your team already trusts

Pick any of the three. Switch any time. You hold the API key — which means you control which provider runs your prompts, how much you spend, what your usage limits look like, and which data leaves your site

OAI

OpenAI

gpt-4o · gpt-4o-mini

Best general-purpose layout reasoning. Strong on screenshot-to-structure tasks.

# wp-config.php or settings panel

SEVEN_F_PROVIDER = "openai"

SEVEN_F_API_KEY = "sk-•••••••"
AC

Anthropic Claude

Sonnet · Opus

Excellent on long, detailed prompts and on respecting strict design constraints.

# wp-config.php or settings panel
SEVEN_F_PROVIDER = "anthropic"

SEVEN_F_API_KEY = "sk-•••••••"
Our Choise
GG

Google Gemini

1.5 Pro · 2.0 Flash

Fast, cost-efficient for high-volume generation. Strong multimodal input handling.

# wp-config.php or settings panel

SEVEN_F_PROVIDER = "google"

SEVEN_F_API_KEY = "sk-•••••••"

Bring-your-own-key means real control


You pick the provider, set the budget, and revoke access whenever you want. We never proxy your prompts.

See Setup Giude
Built by WordPress developers

Built by WordPress developers

Every line of the plugin was written by the team that builds production WordPress sites for a living. The output reflects what we'd want to inherit from another developer.

Sections your website needs not from zero

Create the sections your website needs without starting from zero

Try it for Free

Landing Page Sections

Service Page Blocks

Product Showcase Sections

Hero, problem, proof, pricing, CTA — assembled to match the rest of your site.

Learn the plugin in minutes

Box

We value your input! Help us improve the plugin

The plugin is in active development. Detailed reports get patched fast — usually inside a week.

PNG, JPG, PDF, ZIP — up to 10MB.

Frequently asked questions

Yes! we build plugin exactly to extend layouts on already live websites. Feel free to build your own sections and insert it using Gutenberg editor

Yes! it fully your property and you can use them, download and reuse them even without plugin installation

After you log in, the plugin allows anyone with an admin role to use the AI Custom Block plugin. Blocks that have already been created are available to all users who are eligible to manage website content.

We provide a free tier with $3 credit, which you can use to build sections. This is typically enough to create 4–5 blocks. After that, you’ll need to connect your own API key from one of the supported AI providers.

Based on our experience, Gemini from Google provides the most cost‑efficient service for converting design layouts. But Anthropic and OpenAI do the job as well.

Contact us

Start building custom Gutenberg sections with AI

Install the plugin in under a minute. Generate your first sections free. Connect your own API key when you're ready to scale.

NO CREDIT CARD · FREE TIER INCLUDED · WORKS WITH EXISTING SITES