Michael Seibel

Variables in Ditto - Dynamic strings in designs, {{auto-formatted}} for devs

Variables in Ditto take care of interpolating dynamic values in product text.
🎨 With Variables, you can indicate where dynamic strings, numbers, and links live in your designs.
🤖 Variables get automatically formatted for developers.

Add a comment

Replies

Best
Jessica Ouyang
Hey Product Hunt! 👋❤️ Jessica here — I'm a co-founder of Ditto, a tool for teams to manage their product text with a single source of truth that syncs from design to production. Today, @jolena_ma and I and the rest of the Ditto team are so excited to launch a feature we've been working on for a while: Variables. In building Variables, we got to talk to so many teams — both existing users and potential customers — about their workflows and how we could improve upon a process that currently takes an enormous amount of manual work for everyone that touches product copy. Building a solution that was seamless and made it easier for everyone involved required rethinking what that process could look like from beginning to end. 🤔 It's a feature we were so excited to test internally, as well as hear feedback on from users. In Ditto, you can now create and insert variables in your text. This means: - Engineers can immediately use text with Ditto Variables in development. Text will automatically be formatted with mustache interpolation ({{variableName}}). Variable metadata (such as links, fallbacks, and examples), will also get included when you fetch text via our API/CLI. - Anyone can create and reuse Variables in their text through our UI. Whether you're a writer, designer, or developer, you can indicate which parts of your text are dynamic, what it should look like, and reuse variables in your workspace. - Text in designs will sync with the variable's example value, allowing the mockups to still represent what the UI would look like when a user encounters it. We currently support 3 types of variables your team can reuse in their product text: 1. 🔤 Strings 2. 🔢 Numbers 3. 🔗 Links If you try it out, we'd love your feedback. 😁 If you're able to share, we'd also love to know how the process of interpolating variables currently works on your team.
Jolena Ma
Hi everyone! Jo here, the other co-founder of Ditto. Almost 2 years ago, @ouyangatang and I started Ditto because of our own personal experiences working on teams where copy was scattered across tools and frustrating to collaborate on. We set out to build a tool that would help make copy a first-class citizen, across design and production. 🥇 We’re so excited to be launching Variables today to continue furthering that goal! And there’s lots more on our roadmap still to come (pluralization, increased i18n/l10n support, webhooks, to name a few). :) Jessica and I will be sitting side-by-side to answer questions throughout the day, so please don't hesitate to let us know what you think! 💛
Parthi Loganathan
Very cool! Rapidly encompassing everything product copy
Jessica Ouyang
Thanks Parthi! 🤗
Jimmy E. Chan
Congrats! This is really cool. No more going back and forth with engineering teams to keep copy up-to-date and try more copy iterations!
Jolena Ma
@jimmyechan Thanks so much, Jimmy! That's exactly what we're hoping for 🙌
Luigi Bajetti
That's cool!!! Great job
Jessica Ouyang
@baiogi Thank you so much for the support Luigi!