WPThumbs
Themes Plugins By purpose By industry Best-of lists Fix it guides
Free Plugin by Helmut Wandl v1.10.1

Block Designer

Create and design custom blocks for the WordPress Gutenberg Block Editor without any line of code.

Block Designer

The facts

Rating
5★ from 4
Active installs
100+
Price
Free
Last updated
3 Dec 2025
Added
Jul 2022
Requires WP
5.9.0
Tested up to
WP 6.9.7
Requires PHP
7.3
Downloads
7,140

Our analysis

AI-assisted

Block Designer is a WordPress plugin that allows you to create custom blocks for the Gutenberg Block Editor without any coding. It provides an intuitive interface where you can design blocks using various HTML elements and styles, making it accessible for users who may not have technical skills.

Once you have designed and saved your custom block, it becomes available in the Inserter panel of the WordPress Block Editor, allowing you to easily add it to your pages or posts. This plugin is suitable for users looking to enhance their site with tailored blocks for specific content needs.

Best for: This plugin is best for WordPress users who want to create custom blocks for the Gutenberg editor without coding experience.

What it does well

  • No coding required to create custom blocks
  • Intuitive and easy-to-use interface
  • Supports a variety of HTML elements and styles
  • Blocks are fully WYSIWYG
  • Active support for the latest WordPress version

Where it falls short

  • Limited information on specific use cases or examples

Verdict

Block Designer offers a straightforward solution for creating custom blocks, making it a useful tool for non-technical users looking to personalise their WordPress sites.

From the developer

Helmut Wandl's own description of Block Designer, lightly tidied.

Design your own custom blocks for the WordPress Gutenberg Block Editor without any line of code.

fastest way to create your block for Gutenberg
✔ Incredibly easy and intuitive to use
✔ Your custom blocks are completely WYSIWYG (no form)

Tutorial (create an address block for Gutenberg):

open tutorial on YouTube

Live Preview

Test the latest version here:
> > > open LIVE PREVIEW < < <

Supported Elements

  • HTML Element
  • Icon
  • Static Text
  • Author Image
  • Author Link
  • Author RichText
  • Inner Blocks

Supported Styles

  • Display (block, flex, inline-block, inline, none)
  • Flex (direction, reverse, align, justify, gap, wrap)
  • Flex Child (shrink, grow, align self)
  • Spacing (margin, padding)
  • Size (width, height, min-width, min-height, max-width, max-height)
  • Overflow (visible, hidden, scroll, auto)
  • Typography (font-weight, font-style, font-size, line-height, color, text-align, text-decoration)
  • Border (radius, style, width, color)
  • Background (color, linear-gradient, radial-gradient)
  • Effects (box-shadow)

How it works

  1. Design your block

    First you design your block in the Block Designer with different HTML elements and styles.

    You can define areas where authors can insert images and text in the WordPress Block Editor.

    After you designed your block, you only need to enable and save it.

  2. Use your block

    If you enabled and saved your block, you will find your block in the Inserter panel of the WordPress Block Editor.

    Just insert it as you know it from ordinary blocks.

    If you have defined areas for author input, you can add your content now.

    Save your page/post and enjoy your result on your site 😉

More from the same author

Read the full description on the official page →

Tagged as

Alternatives

Other plugins for extending a page builder.

Essential Addons for Elementor

Elementor addon offering 120+ widgets and templates — Elementor Gallery, Slider, Form, Post Grid, Menu, Accord...

Free 1M+ installs 4.9★ (4,111)
ElementsKit Elementor Addons

Join millions who empower their websites with ElementsKit Elementor Addons. Get templates, &amp; 100+ widgets...

Free 1M+ installs 4.9★ (2,036)
Ultimate Addons for Elementor

Elementor addons with 18+ free widgets, Header &amp; Footer Builder, WooCommerce widgets &amp; templates. Trus...

Free 2M+ installs 4.9★ (2,525)
Premium Addons for Elementor

Elementor Carousel, Mega Menu, Posts List/Slider, WooCommerce Widgets, Display Conditions, AI Abilities, Prema...

Free 600k+ installs 4.9★ (1,677)
Royal Addons for Elementor

Elementor templates, Header footer builder, Elementor Post Grid, Woocommerce Grid builder, Slider, Forms, Gall...

Free 600k+ installs 4.8★ (611)
Disable Gutenberg

Disable Gutenberg Block Editor and restore the Classic Editor and original Edit Post screen (TinyMCE, meta box...

Free 500k+ installs 5★ (733)