p/ditto-78b4e504-e140-4e35-ad24-e0969ff980d2
Manage the words across the surfaces of your product
Michael Seibel

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

Featured
8
β€’
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.
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! πŸ’›
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 πŸ™Œ
Parthi Loganathan
Very cool! Rapidly encompassing everything product copy
Jessica Ouyang
Thanks Parthi! πŸ€—
Luigi Bajetti
That's cool!!! Great job
Jessica Ouyang
@baiogi Thank you so much for the support Luigi!