Stop writing Meta Flow JSON by hand.
SabNode's Meta Flow Editor is a visual designer for the JSON schemas that power WhatsApp Flows — multi-screen forms inside chat. Drag screens, bind components, validate against Meta's latest spec, and publish with versioning, rollback and a sandbox for end-to-end testing.
- Visual builder for Meta Flow JSON
- Live schema validation per Meta spec
- Draft → review → published lifecycle
- Bind data exchange endpoints inline
Authoring Meta Flow JSON is a tax on engineering
WhatsApp Flows are the most powerful surface Meta has shipped for business messaging — multi-screen forms with TextInput, DatePicker, Dropdown, CheckboxGroup and dynamic data binding. They also require you to author a strict JSON schema, register it with Meta, validate against a versioned spec that changes every quarter, and wire it to a signed data exchange endpoint that follows a request/response handshake with public-key encryption.
Most teams give up. They build the simpler interactive-message flow and miss out on the conversion lift of a real in-chat form. The teams that do not give up burn two engineer-weeks per Flow on JSON authoring, validation, signing, redeployment cycles and trial-and-error against the Meta sandbox. Every minor spec change breaks one of their screens and the entire pipeline has to run again.
SabNode's Meta Flow Editor collapses that work into a visual canvas. You drag screens, bind inputs to flow variables, write data exchange handlers as small TypeScript snippets, validate against the current Meta spec live, and publish with one click. Versioning, rollback and sandbox testing are first-class. Engineering keeps building product; the marketing team ships Flows on their own.
Meta Flow Editor, in depth.
The Meta Flow Editor is a canvas-style visual editor for the JSON that defines a WhatsApp Flow. Each screen is a rectangle on the canvas, with input components (TextInput, TextArea, RadioButtonsGroup, CheckboxGroup, Dropdown, DatePicker, Image), navigation buttons and conditional logic. As you edit, SabNode validates against Meta's latest published Flow schema and surfaces errors inline — wrong component for the action, missing required attribute, unsupported version — before you ever submit to Meta.
Data exchange — Meta's server-side handshake that lets Flows fetch dynamic content (a list of available appointments, a price calculation, an OTP) — is wired in two clicks. The editor exposes a typed handler where you write a small TypeScript function that takes the screen state and returns the next payload. SabNode hosts the encrypted endpoint, manages the keypair rotation, and exposes the resulting log to the dashboard. You never touch RSA key generation or AES-GCM ciphertext framing.
Lifecycle is enforced: Draft → Review → Published. A Draft is editable freely. A Review build is submitted to Meta's sandbox, where you can run the Flow end-to-end on a test number, watch every data exchange call and every state transition, and capture screenshots for QA sign-off. Publishing promotes the build to a versioned Published state on Meta; rolling back is a one-click revert to the previous Published version.
For agencies and multi-brand merchants, Flow templates are first-class. Author a Lead Capture Flow once with variables for brand colour, logo, success message and CRM mapping, then clone it across 30 client workspaces with workspace-specific bindings. Updates to the template can be propagated as a Draft to all clones for review before publishing.
Everything you get with Meta Flow Editor.
Visual canvas
Drag screens onto an infinite canvas. Each screen renders a live preview of the WhatsApp Flow shell. Components are reorderable, conditional logic is drawn as edges between screens, and the underlying JSON is generated automatically.
Live schema validation
Every keystroke validates against Meta's current Flow JSON schema (v6.x and later). Errors are highlighted inline with the offending attribute, the expected type and a one-click "fix" for common mistakes like missing required keys.
Data exchange handlers
Write a small TypeScript function for the data exchange screen. SabNode hosts an encrypted endpoint with Meta-compliant RSA/AES-GCM handshake, manages keypair rotation and surfaces request/response logs in the editor.
Draft / Review / Published
Lifecycle stages enforce safe rollout. Drafts are editable, Review builds run on Meta's sandbox with a scannable QR for testing, Published versions are immutable until you cut the next version.
Versioning & rollback
Every Publish creates a new version. The previous version stays available for instant rollback. You can compare versions side by side and see exactly which screens or fields changed.
End-to-end sandbox
Test the Flow on a real WhatsApp test number with one tap. SabNode captures every screen transition, every data exchange call and the final completion payload, and shows them as a timeline in the editor.
Templates and cloning
Save any Flow as a template with parameterised fields. Clone into other workspaces with workspace-specific bindings. Updates to the template can be staged as Drafts across all clones for orderly propagation.
Built for the way teams actually work.
Lead capture for finance
A loan-origination team replaces a clunky landing page with a 4-screen Flow that captures name, PAN, income range and loan amount inside WhatsApp. Conversion rises 2.6× because customers never leave the chat.
Appointment booking
A diagnostics chain ships a Flow with a dynamic DatePicker that fetches available slots via data exchange. Slot inventory updates in real time, double-booking is impossible, and the booking completes inside WhatsApp.
Course enrolment
An ed-tech runs a 5-screen Flow that scores the learner's level via a quick quiz, recommends a course, collects payment and provisions a learner account — all inside the Flow without redirecting to web.
Insurance KYC
An insurer collects KYC photos and Aadhaar number through a Flow with conditional screens that adapt to the policy type. Documents upload via SabFiles, the Flow completes with a policy quote shown on screen.
Restaurant reservation
A restaurant chain offers a Flow with venue selection, date, party size and seating preference. Data exchange pulls live availability from their booking system, and confirmation drops back into WhatsApp.
From signup to first send in minutes.
Meta Flow Editor is included on every SabNode workspace. No separate billing, no extra setup — flip it on from your workspace settings.
- 01
Pick a template
Start from a blank canvas or a template (Lead Capture, KYC, Booking, Survey). Templates ship pre-validated against the current Meta spec.
- 02
Drag screens
Add screens, drop in components, draw conditional edges. The JSON updates live and validation runs on every change.
- 03
Wire data exchange
Write a TypeScript handler for any screen that needs dynamic data. SabNode hosts the encrypted endpoint and keypair.
- 04
Test in sandbox
Scan a QR with your phone, run the Flow on Meta's sandbox, watch every state transition in the editor timeline.
- 05
Publish & roll out
Publish to a versioned production state. Use it in any flow builder node. Roll back in one click if something breaks.
Works with the tools you already ship on.
Connect directly with your existing stack, or use the platform APIs and webhooks to extend it natively.
- Meta WhatsApp Business Platform
- AI Studio
- Razorpay
- Stripe
- Google Sheets
- Shopify
- Salesforce
- SabFiles
Platform core tools
Enhance this feature with deep integrations into our core infrastructure. Connect via API, use webhooks, or embed directly with our SDKs.
Unified dashboard apps
Manage every setting inside one workspace UI.
Developer APIs and webhooks
Extend functionality with custom automated workflows.
Questions about Meta Flow Editor.
Can’t find what you’re looking for? Talk to our team.
Do I have to manage the data exchange keypair?
Which Meta Flow JSON versions are supported?
Can I write the JSON by hand if I prefer?
How is Flow output passed to the rest of the system?
Can a non-engineer build Flows safely?
What if Meta changes the schema?
Is there a limit on screens or components per Flow?
Stronger when stacked.
Ship meta flow editor into production this week.
No credit card. No sales call required. Spin up a workspace, plug in a number, and your team is live in under an hour.