From Figma to Braze
in One Click
Create Braze-ready emails, in-app messages, and landing pages directly from Figma – instantly.
No more rebuilding designs inside Braze. With HippoTools, your Figma layouts become live, editable Braze templates in a single click
Why Choose
Figma2Braze?
Built for modern CRM and product teams, Figma2Braze transforms your visual designs into editable Braze templates in seconds.
Export emails, in-app messages, and landing pages directly from Figma, keep layouts perfectly aligned, and launch campaigns faster – all without writing a single line of code
Design Visually.
Export Instantly.
Launch Faster.
HippoTools converts your Figma frames into fully compatible Braze content – keeping layout, text, fonts, spacing, and assets perfectly aligned.
Focus on the experience, not on HTML.
Seamless Braze Integration
Using the HippoTools Chrome extension, your exported designs appear inside Braze’s drag-and-drop editor as editable templates.
Update layout, copy, personalization, or images directly in Braze.
Pricing
Free
Get started. No limits to creativity-
Free Editing Blocks
-
AI & Figma credits: 3 tokens
-
AI Support Chat: 2 questions daily
-
Hippo Cloud: Read only
Pro
Advanced tools for growing teams-
Additional Blocks: Extra components
-
AI & Figma credits: 12 tokens
-
AI Support Chat: Unlimited
-
Hippo Cloud: Save & Load templates
Business
Collaboration at scale-
Additional Blocks: Extra components
-
AI & Figma credits: 30 tokens
-
AI Support Chat: No limits
-
Hippo Cloud: Save & Load templates
-
Token top-ups: Recharge tokens as needed
About Hippocampus
At Hippocampus, we live and breathe data-driven marketing. As a Braze partner, we help leading brands design smarter customer journeys, launch campaigns faster, and create meaningful engagement at scale.
But we also know the pain: coding every small change, copying HTML back and forth, or waiting on dev teams just to make a campaign idea happen. That’s why we created HippoTools – to give marketers the freedom to build, test, and launch advanced experiences directly inside Braze, without writing a single line of code.
Our goal is simple: empower marketers to move faster, work smarter, and bring their ideas to life – effortlessly.
About Hippocampus
At Hippocampus, we live and breathe data-driven marketing. As a Braze partner, we help leading brands design smarter customer journeys, launch campaigns faster, and create meaningful engagement at scale.
But we also know the pain: coding every small change, copying HTML back and forth, or waiting on dev teams just to make a campaign idea happen. That’s why we created HippoTools – to give marketers the freedom to build, test, and launch advanced experiences directly inside Braze, without writing a single line of code.
Our goal is simple: empower marketers to move faster, work smarter, and bring their ideas to life – effortlessly.
FAQ
What does the Figma to Braze plugin do?
It converts selected frames from Figma into Braze-ready email, in-app, and landing page templates – without writing any HTML
Do I need design or coding skills to use it?
No coding required. If you can design in Figma, you can export to Braze.
HippoTools handles all template structure, spacing, assets, and code.
Are you part of Braze?
HippoTools was not built by Braze itself. We are an official Braze Partner, and HippoTools is part of the official Braze Amplifiers program.
Braze Amplifiers are pre-built partner solutions designed to supercharge the power of Braze. Developed by trusted partners, they help brands accelerate success by solving specific business and industry needs – so you can achieve more, faster. You can install HippoTools for free from hippo-tools.com and add it directly to your Chrome browser. Once installed, it integrates seamlessly into the Braze editor.
How do the exports appear inside Braze?
Your designs are delivered into Braze’s drag-and-drop editor as editable templates using the HippoTools Chrome extension
What types of content can I export?
Emails, in-app messages, and full landing pages — all generated from your Figma designs
Does the plugin preserve fonts, spacing, and layout?
Yes. The plugin keeps text, typography, spacing, images, and hierarchy consistent between Figma and Braze
Can I continue editing the design inside Braze?
Absolutely. Once imported, you can edit text, layout blocks, personalization, and images directly within Braze
How long does the setup take?
Installation takes only a few minutes. Most teams export their first Braze-ready template in under 10 minutes
8. Does the plugin support both mobile and desktop designs?
Yes. Any frame you select in Figma – mobile or desktop – will export into the appropriate Braze-compatible layout
Do I need a HippoTools account?
Yes. A HippoTools account is required to send exports from Figma into Braze via the Chrome extension
Are images optimized automatically?
Yes. HippoTools optimizes images for fast loading and better email performance
Is this plugin suitable for CRM and marketing teams?
Definitely. It’s designed for CRM, lifecycle, product, and design teams who want to speed up production and remove manual HTML work
How secure is the process?
All exports follow Braze’s security model. No sensitive customer data passes through Figma or HippoTools — only design assets
Where can I get support?
You can reach our team directly from within the extension, or visit our Help Center for tutorials and documentation