Pixflow Plugin Overview: Bricks Builder Templates, Design System, AI & Style Generator

The Pixflow Plugin is now available for Pixflow subscribers.

In this full Pixflow plugin tutorial, I’ll walk you through the complete workflow inside Bricks Builder, including framework setup, the Design System page, Style Generator, custom framework mapping, AI Blueprint generation, AI-assisted page editing, remote templates, icon sets, and colour schemes.

Pixflow is built to help you create structured, styled, editable Bricks websites faster, while still keeping full control inside WordPress and Bricks.

In this video, we cover:

00:00 Introduction
01:40 Setting up the Pixflow Framework
02:30 Checking variables, theme styles, colours, and scales in Bricks
02:52 Design System page overview
03:43 Style Generator overview
05:23 Building custom icon sets
07:00 Using your own framework with custom mapping
08:06 Mapping spacing, typography, colours, radii, and variables
11:03 Setting up AI providers
12:23 Creating an AI Blueprint
13:23 Editing a Blueprint with prompts
14:03 Generating Bricks pages with AI
14:43 Editing generated pages
15:20 Using Pixflow remote templates inside Bricks
16:01 Rename and insert templates with BEM class renaming
16:30 Applying Pixflow colour schemes

Download the Pixflow Plugin from your dashboard:
https://pixflow.dev/dashboard/my-account/

Learn more about Pixflow:
https://pixflow.dev/

Pixflow works with Bricks Builder and supports workflows including Pixflow Framework, Native Bricks custom mapping, Core Framework, Advanced Themer, ACSS, and direct framework routes.

The AI generation system currently supports bring-your-own-key provider setup for OpenAI, Anthropic, and Gemini, with optional Pexels image sourcing.

Thanks for watching.

Видео Pixflow Plugin Overview: Bricks Builder Templates, Design System, AI & Style Generator канала Pixflow