Data Sources – Dynamic Templates, Made Easy
The newest addition to the Studio SDK is here: Data Sources—a feature that brings structured data into the design workflow, without requiring a single line of code. Whether you're building personalized emails, smart documents, or adaptive web pages, Data Sources empower your users to create content that changes with the data behind it.
From looping through product listings to conditionally showing content, this release unlocks a whole new level of design flexibility.
What You Can Do
Data Sources let users visually build dynamic templates that respond to real data. Key capabilities include:
- Binding variables directly to components, like inserting a user's name or product details
- Showing or hiding content based on custom conditions
- Exporting finished designs with either fully-resolved content or as merge-tag–ready templates for use with third-party tools
Best of all? It's all done inside the editor—with simple configuration, no scripting required.
Designed for Real-World Use Cases
Data Sources are perfect for a range of projects, including:
- Personalized email campaigns that greet users by name or feature tailored content
- Smart business documents that adapt based on form inputs or stored values
- Data-rich web pages like product catalogs, event schedules, or user dashboards
With Data Sources, anyone can build templates that feel custom-made—without ever touching the codebase.
Built-In Blocks, Intuitive UI
The Studio SDK includes purpose-built blocks that make using Data Sources feel natural. Users can drag in pre-configured elements, then select the data they want to bind—all through an intuitive visual interface. No need to learn syntax, set up APIs, or toggle between modes. Just connect and go.
One Central Source of Truth
Instead of duplicating values across multiple components, users can centralize their data and reuse it throughout pages and templates. That means less maintenance, more consistency, and better control across projects.
Flexible Export Options
Depending on your workflow, Data Sources support two primary export modes:
- Resolved Output – Exports the final, populated content, ready to publish
- Merge Tag Templates – Exports templates with variable placeholders for external systems like CRMs, ESPs, or document engines
This flexibility allows teams to design once and deploy anywhere.
Bring Your Own Template Engine
New in Studio SDK: support for Handlebars, EJS, and custom templating syntaxes.
You can now import dynamic templates into the visual editor and export them back in your preferred format—seamlessly:
🔁 Import – Parse your HTML with embedded logic (like {{name}} or <% if %>) into Studio’s visual components, including variables, conditions, and loops.
📤 Export – Output Data Components back into your templating language—ready for rendering in your system of choice.
Out of the box, we support Handlebars and EJS via plugins. Prefer something else? Define your own import/export logic with full control.
Whether you’re rendering emails, websites, or documents, you can now blend the power of Studio’s visual editor with the flexibility of your own stack.
Looking Ahead
We’re just getting started. Coming soon:
- 👉 Dynamic styles and visibility powered by data (think: color-coding, spacing, toggles)
- 👉 Direct external data connections, right from the editor
- 👉 Live data previews with seamless toggle modes
This is the foundation of a fully visual, fully programmable design system—and we’re excited to bring you along for the ride.
Final Thoughts
With Data Sources, Studio SDK becomes more than a design tool—it becomes a dynamic content platform. By enabling your users to design with structured data, you unlock smarter templates, faster workflows, and more powerful personalization.
If your projects require logic, flexibility, or just a little more intelligence behind the scenes—Data Sources is the solution.
Explore the Docs and start building with real data today.
🚀 Happy Building! 🚀