Pixflow

06/08/2026

Pixflow Design is officially out of beta and ready for real Bricks projects.

This is a complete AI design workspace built directly into WordPress and Bricks Builder — not just another chat panel or basic page generator.

It brings website planning, design generation, native Bricks editing, HTML conversion, templates, design systems, fonts, icons, and AI-assisted workflows together in one connected experience.

Build directly inside Bricks
Pixflow Design adds a floating Ask, Plan, and Design agent inside the Bricks builder.

It can understand the current page, selected elements, classes, variables, responsive settings, dynamic data, query loops, conditions, forms, and your active framework route.

You can use it to safely generate or edit:
Text, headings, links, and images
Layouts, spacing, sizing, and responsive controls
Forms and query loops
Dynamic data and visibility conditions
Element attributes
Code element HTML, PHP, CSS, and JavaScript
Complete pages, individual sections, or reusable components
Changes are applied as native Bricks content and include Bricks Undo support.

Choose how you want to build
Pixflow Design includes several connected workflows:
Build in Bricks — generate native Bricks pages, sections, and components
Pixflow Library — assemble pages from responsive Pixflow templates
Sitemap Builder — plan complete websites before generating the pages
The latest Build in Bricks workflow now uses the same planning, design, responsive preview, and refinement pipeline as the HTML prototype workflow, while preserving semantic BEM classes and native Bricks controls.

Pixflow Library and design-token mapping
Browse the Pixflow template catalogue, preview layouts responsively, assemble complete pages, and insert them directly into Bricks.

Pixflow can map template design tokens to your own native Bricks variables before insertion, helping the layouts fit your existing design system without requiring layers of CSS overrides.

Generated pages also retain coherent, collision-safe BEM class structures.

Build and manage your design system
Pixflow Design includes tools for:
Colour palettes and colour schemes
Typography
Buttons, forms, cards, and images
Google Fonts and local font installation
Variable fonts
Custom icon packs
Native Bricks variables and global classes
Pixflow Framework and supported third-party framework routes
Live design-system previews inside Bricks
Colour schemes and design-system changes update directly in the open builder without requiring a full reload.

Use BYOK or Local CLI
You can work with your own API keys directly through BYOK mode, without needing the local bridge.

For more capable local-agent workflows, the optional Pixflow Design Bridge provides:
Packaged installers
System-tray runtime
Connection health and update handling
Bricks and Pixflow skills
Multi-agent Local CLI support
Your provider and model settings stay synchronised across the workspace and floating Bricks panel.

Built for safer AI editing
Pixflow Design uses live page validation, field checks, target selection, element fingerprints, bounded working memory, and clarification when a request is ambiguous.

If it cannot safely determine what should be changed, it asks rather than guessing.

The goal is simple:
Move from idea → plan → prototype → editable Bricks website in one connected workflow.

Existing Pixflow AI users can update normally through the same plugin package.

https://youtu.be/nFkns3406W4
www.pixflow.dev

Meet Pixflow Design, an AI-powered design workspace built directly ...

27/06/2026

Pixflow Design is here

I’ve completely rebuilt Pixflow AI.
It is now Pixflow Design, an AI-powered design workspace built specifically for WordPress and Bricks Builder.

This is not simply a renamed AI panel. It is a complete rebuild, based on a fork of Open Design and reworked around a WordPress-first, Bricks-native workflow.

Design inside Bricks
Pixflow Design adds a full-screen workspace and floating AI panel directly to Bricks Builder.

It can understand the current page, selected elements, Bricks structure, element controls, dynamic data, conditions, query loops, global classes, variables, breakpoints, theme styles and your chosen framework route.

You can ask questions about Bricks in Ask mode, or use Design mode to make controlled changes inside the builder.

From an idea to editable Bricks content
Pixflow Design can help you:

Generate complete HTML design prototypes
Convert HTML into editable Bricks elements
Include screenshots and Markdown briefs as conversion context
Hand a completed prototype directly to Bricks
Generate and refine Bricks-native pages and sections
Work with the current page or selected element
Stream agent activity while changes are applied
Validate output against real Bricks schemas and controls
Preserve responsive styling, classes, variables and design-system intent

The aim is not to produce a static mockup that must be rebuilt manually.

It is to move from prompt → prototype → editable Bricks page in one connected workflow.

More than page generation
The workspace also supports broader creative projects, including:

Web prototypes
Presentations and pitch decks
Images
Video and motion
Audio
Design systems
Pixflow community plugins and creative tools

Projects and conversations are stored in WordPress, allowing work to persist and remain available to other permitted users of the site.

Built-in Bricks workflow tools
Pixflow Design retains and expands the strongest features from Pixflow AI:

Pixflow Template Library
Template rewriting and framework conversion
Pixflow Framework setup
Native Bricks and third-party framework mapping
Build Your Design System
Google Fonts installer
Variable font support
Custom icon pack builder
Bricks theme-style integration
Design tokens, global classes and responsive breakpoint support

These tools are now part of the wider Pixflow Design workspace rather than separate features.

Local CLI agents
For more capable agent workflows, Pixflow Design connects to local AI coding agents through the Pixflow Design Bridge.
This allows supported CLI providers, including Codex CLI and Claude Code, to work with Pixflow’s local Bricks knowledge, skills and controlled builder actions.

The bridge handles the Local CLI connection. Projects, resources, settings and WordPress data remain managed by the plugin.

Built from Open Design, rebuilt for WordPress
Pixflow Design combines the creative project experience of Open Design with Pixflow’s Bricks-native tools and WordPress integration.
The result is a single workflow for:

AI generation + design systems + templates + fonts + icons + framework mapping + editable Bricks output.

Existing Pixflow AI users can update through the same pixflow-ai plugin package. Inside WordPress, the product is now Pixflow Design.

More demonstrations and walkthroughs are coming soon.

https://pixflow.dev/pricing

12/06/2026

Coming very soon....

BIG PIXFLOW PLUGIN ANNOUNCEMENT & UPDATE COMING SOON...

05/06/2026

BIG PIXFLOW PLUGIN ANNOUNCEMENT & UPDATE COMING SOON...

19/05/2026

Ends in 2 days. Lock in today

www.pixflow.dev

Current Pixflow pricing ends May 21st.
After this date, the price of Pixflow Pro will increase.

If you’ve been using the free version or have been thinking about upgrading, now is the best time to lock in the current pricing:

Pro Yearly: $89
Pro Lifetime Deal: $179

Pixflow is built for Bricks users who want a faster, cleaner workflow for building real websites.

With Pixflow Pro, you get access to:

▪️Builder-integrated Pixflow templates

▪️ Premium templates and components

▪️ Rename and Insert for cleaner BEM class structures

▪️ Style Generator and Design System tools
AI page generation and Page Builder

▪️ Google Fonts and variable font support
Build Your Own icon sets

▪️ Framework setup and route support for Bricks workflows

The goal is simple: help you build structured, styled, editable Bricks websites faster, while still keeping full control inside WordPress and Bricks.

Current pricing is available until May 21st. After that, the price goes up.

www.pixflow.dev

15/05/2026

Current Pixflow pricing ends May 21st.
After this date, the price of Pixflow Pro will increase.

If you’ve been using the free version or have been thinking about upgrading, now is the best time to lock in the current pricing:

Pro Yearly: $89
Pro Lifetime Deal: $179

Pixflow is built for Bricks users who want a faster, cleaner workflow for building real websites.

With Pixflow Pro, you get access to:

▪️Builder-integrated Pixflow templates

▪️ Premium templates and components

▪️ Rename and Insert for cleaner BEM class structures

▪️ Style Generator and Design System tools
AI page generation and Page Builder

▪️ Google Fonts and variable font support
Build Your Own icon sets

▪️ Framework setup and route support for Bricks workflows

The goal is simple: help you build structured, styled, editable Bricks websites faster, while still keeping full control inside WordPress and Bricks.

Current pricing is available until May 21st. After that, the price goes up.

www.pixflow.dev

12/05/2026

The Pixflow Affiliate Programme is now available to everyone.

If you recommend Pixflow to other Bricks users, WordPress builders, agencies, creators, or clients, you can now earn 10% commission on every Pixflow sign-up you refer.

Pixflow is built to help Bricks users build faster with templates, AI page generation, design system tools, framework setup, Google Fonts, icon sets, and a cleaner in-builder workflow.
Join the affiliate programme
Who is this for?
The affiliate programme is open to anyone who wants to recommend Pixflow.

This could be useful if you:

Create Bricks or WordPress content
Share Pixflow in tutorials, videos, newsletters, courses, communities, or social posts.

Build websites for clients
Recommend Pixflow to clients, collaborators, or other builders who want a faster Bricks workflow.

Run an agency or freelance business
Refer Pixflow to other designers, developers, and teams working with Bricks and WordPress.

Use Pixflow and want to share it
If Pixflow helps your workflow, you can now earn commission by recommending it to others.

What can you promote?
Pixflow includes the plugin, the Pixflow template library, AI generation tools, builder-integrated templates, the Style Generator, the Pixflow Framework Design System, Google Fonts, icon set building, and framework setup tools for Bricks.

The goal is to help users build structured, styled, editable Bricks websites faster, while still keeping control inside WordPress and Bricks.

Once you sign up, you’ll be able to access your affiliate area and start sharing your Pixflow affiliate link.
Sign up as a Pixflow affiliate

https://pixflow.surecart.com/affiliates/sign_up?utm_source=newsletter&utm_medium=email&utm_campaign=pixflow-affiliate-programme-launch&utm_term=pixflow-affiliate-programme&utm_content=affiliate-programme-announcement

11/05/2026

New Pixflow Framework Design System Update
I’ve just added a new Pixflow Framework Design System inside the Style Generator.

This is for the Pixflow Framework routes only, including:

Pixflow Native Bricks
Pixflow via Core Framework
Pixflow via Advanced Themer

The idea is simple:

Instead of manually importing a fixed JSON setup, Pixflow now gives you a visual design-system builder directly inside Bricks.
You can generate and adjust your framework setup before saving it into your site.

This includes:

Colour palettes
Generate palettes, shuffle colours, lock colours you want to keep, choose harmony options, and control how many colours are used.

Colour schemes
Create section-ready colour schemes from palette colours or neutral shades, with Pixflow automatically calculating background, foreground, heading, text, border, input, accent, and button text colours.

Typography
Choose heading and body fonts, preview them live, and adjust typography settings before saving.

Buttons, forms, cards, and images
Control button styles, form styling, card styling, image styling, radius values, and effects like gradient, brick, elevate, and hover states.

Live page preview
You can open a live preview inside the design system modal and see how your changes look against the current Bricks page before saving.

For the Native Bricks route, Pixflow writes the system directly into Bricks data. That means you still end up with native Bricks colour palettes, variables, theme style typography, button presets, and locked .color-scheme-* global classes.

For Core Framework and Advanced Themer routes, Pixflow saves the right palette, variable, and shade data for those systems too.
So it is still your framework setup once saved.

Pixflow just gives you the visual generator, preview layer, and guided controls to build the system much faster, without manual importing or setting everything up by hand.

This is a big step towards making the Pixflow Framework setup more flexible, visual, and easier to customise directly inside Bricks.

v1.0.12 is available now to download via your account, or by updating your plugin via your WordPress dashboard.

www.pixflow.dev

10/05/2026

New Pixflow Framework Design System Update

I’ve just added a new Pixflow Framework Design System inside the Style Generator.

This is for the Pixflow Framework routes only, including:

Pixflow Native Bricks
Pixflow via Core Framework
Pixflow via Advanced Themer

The idea is simple:

Instead of manually importing a fixed JSON setup, Pixflow now gives you a visual design-system builder directly inside Bricks.
You can generate and adjust your framework setup before saving it into your site.

This includes:

Colour palettes
Generate palettes, shuffle colours, lock colours you want to keep, choose harmony options, and control how many colours are used.

Colour schemes
Create section-ready colour schemes from palette colours or neutral shades, with Pixflow automatically calculating background, foreground, heading, text, border, input, accent, and button text colours.

Typography
Choose heading and body fonts, preview them live, and adjust typography settings before saving.

Buttons, forms, cards, and images
Control button styles, form styling, card styling, image styling, radius values, and effects like gradient, brick, elevate, and hover states.

Live page preview
You can open a live preview inside the design system modal and see how your changes look against the current Bricks page before saving.

For the Native Bricks route, Pixflow writes the system directly into Bricks data. That means you still end up with native Bricks colour palettes, variables, theme style typography, button presets, and locked .color-scheme-* global classes.

For Core Framework and Advanced Themer routes, Pixflow saves the right palette, variable, and shade data for those systems too.
So it is still your framework setup once saved.

Pixflow just gives you the visual generator, preview layer, and guided controls to build the system much faster, without manual importing or setting everything up by hand.

This is another big step towards making the Pixflow Framework setup more flexible, visual, and easier to customise directly inside Bricks.

v1.0.12 is available now to download via your account, or by updating your plugin via your WordPress dashboard.

The Pixflow plugin is available with all Pixflow plans at no extra cost.

https://pixflow.dev/pricing/

07/05/2026

Pixflow Plugin 1.0.11 is now live

This update brings some important improvements to AI generation, font handling, and the overall Page Builder workflow.

One big addition is the new Google Fonts installer.

In Bricks, if you use Google Fonts normally, they are loaded from the Google CDN. I’ve built a Google Fonts library directly into the Pixflow plugin, so you can search, filter, preview, and install Google Fonts directly into the Bricks custom font manager.

The modal works similarly to the Google Fonts website. You can browse the font archive, preview individual fonts, choose weights and styles, install variable fonts, and manage fonts that are already installed.

This means you can use Google Fonts in Bricks without relying on the Google CDN, helping keep fonts managed locally inside your site setup.

I’ve also added proper variable font support for Bricks custom fonts.

By default, Bricks does not fully support variable fonts when they are installed as custom fonts. If you upload a variable font, the generated -face output usually sets the font weight as a single value, such as 400, instead of the full variable range.
Pixflow now improves this.

When you install a Google variable font through Pixflow, it automatically detects the supported weight range and updates the font output correctly, for example:

font-weight: 100 900;

Or whatever range that specific variable font actually supports.
Pixflow also adds a new Variable option to the Bricks custom font weight selector. When enabled, it shows minimum and maximum weight fields, so users can also install and manage their own custom variable fonts properly.

Another addition is DeepSeek support.

You can now add your DeepSeek API key in Pixflow settings, choose it as your active AI provider, and select models in the same way as the other supported providers.

The Page Builder workflow has also had a big upgrade.
There is now a new prompt and chat experience with streamed progress updates, clearer responses, and in-panel clarification when Pixflow needs more information.

You can now use one prompt box to ask for a full page, add sections, swap sections, update copy, change images, or request multiple edits at once.

AI page editing is now better at understanding natural prompts, planning multiple edits, and handling common requests like copy updates, image changes, section swaps, additions, and removals.

Blueprint generation has also been improved. Richer prompts can now include exact pages, page-specific section requests, exclusions, ordering notes, and multiple instructions. If you ask for a specific number of pages, such as “generate eight pages”, Pixflow will now prioritise that over the selected page-count range.

There’s also an important reliability improvement for longer builder sessions. Pixflow now refreshes editor access automatically, instead of blocking generation or runtime actions when an access token expires.

Overall, this update makes Pixflow more flexible, more reliable, and easier to use when generating, editing, and refining Bricks pages with AI.

Pixflow is a modern layout and component library designed for use with Bricks Builder. Helping developers build faster with reusable layouts and components.