Subscribe
Sign in
Ditto 2.0 — Single source of truth for copy from idea to design to code
We’ve rebuilt Ditto from the ground up to handle your team’s copy from idea to design to development.💡 ❤️
With Ditto, you can start writing content, and then sync it with mockups in Figma or directly over to development when you're ready.
68
Replies
Jonathon!! This means so incredibly much coming from you 🥲 Thank you so much for supporting Jo and I from day one on this journey, and for all that you do for the content design community 💛
Here at Specify we care about copy as much as we care about pixels. We recently added Ditto to our tech stack and we enjoy using it as a team. It helps us collaborate faster with less back-and-forth conversations. One source of truth for design tokens, one source of truth for copy. Keep it up, ?makers!
@fmerian Thank you so much for using Ditto Florent! Really appreciate your support and feedback. 💛
Feel free to leave a review of Ditto at the top of this Product Hunt if it would be helpful! 🤗
Very pumped to see this new version and (hopefully) hear about it more during Config!! Nice work @ouyangatang, @jo_m, and team!
Congrats on the v2 launch.
Great to see neat tools to facilitate the collaboration between UX writers. designers and engineers. The right problem to solve. 👏
We use something I think called Phrase but it's really cumbersome and our devs worked on a plugin themselves.
Thank you for following along our journey Oleg! 😄
Super interesting that your developers built a plug-in themselves; does it mostly facilitate the developer handoff process? It’s pretty crazy that content tooling has been limited to either CMSs or localization tools like Phrase for the longest time 🫢 Fingers crossed Ditto can change that process for a lot of teams!
hi there- looks interesting. Does Ditto support or plan to support projects that include I18N/L10N text? Thank you!
Hey everyone! Jessica here, co-founder of Ditto. The whole Ditto team is so excited to share with you all something we’ve been heads down working on over the last few months — Ditto 2.0 🥳
Before we dive into what Ditto 2.0 means, let’s take a step back.
Over our last 2.5 years building and growing Ditto (with the support of an amazing community of product people from designers to writers to developers!), we’ve seen teams that integrate Ditto into their workflows completely shift their thinking about two core things:
1. The importance of text in building user-facing product
2. The ability to systemize their text into components
We’ve been so excited to see everything from teams building expansive text component libraries in Ditto to having Ditto manage every user-facing string in development. 🤯
As Ditto became a core part of teams’ workflows, from design to development, we knew that there was one core aspect of the product copy lifecycle that Ditto didn’t handle: ideation. 💡 The crucial part of the workflow where it was important to move quickly, iterate, and be able to draft things out. 🏃🏻♀️💨
Teams were still drafting their text in tools like GDocs, Word, and Notion before bringing it over to Ditto to handle the process from when the mockups get created. We asked ourselves: how can we have the best of both worlds — a lightweight text editor with a powerful content system that managed text across a design and development? 🤔 ⚖️
After months of hard work, iteration, and user feedback, we’re so excited to share with you all our answer to that question: Drafting in Ditto. Drafting allows teams to draft text in a collaborative text editor before any mockups are created. Afterward, teams can “enable linking” to sync it with mockups in Figma, fetch it via our developer integrations, or link it up with their existing component system.
It’s such a huge expansion from Ditto’s existing functionality that we’re calling it Ditto 2.0. Anyone can start a draft project in Ditto to begin writing their text.
If you get to try it out, please let us know how it works for your team! We’re super excited to be able to grow from feedback, and we can’t wait to see it in teams’ workflows. ❤️
@ouyangatang It's awesome, congratulations for this work to all the team , good luck for the launch !
@ouyangatang This is a much-needed upgrade and you guys have done an incredible job in implementing it. It is a great collaborative platform that can be used among our devs to save time.
Kudos to the team!
Jo here, the other co-founder of Ditto!
A little over 2 years ago, we launched Ditto right here on PH. We didn’t really know what to expect or what the reaction would be — we just knew that we had personally experienced how powerful but also undervalued copy was and were building something to fix that. That day, we learned that a lot of people felt the exact same way! 😊
Since then, we’ve been overwhelmed by the amount of support the community has given us as we’ve navigated building a tool in a space that didn’t really exist before. With your feedback, we’ve been able to launch things like Ditto components, variants, and our first developer tools, all in service of making copy a first-class citizen when building product. Thousands of teams have used Ditto to build their (often first-ever!) content source of truth.
Today’s launch feels especially momentous because it opens Ditto up to everyone to use. You no longer need to be on Figma or any other specific tool to get started.
We’re so excited about all the possibilities that drafting in Ditto unlocks and all the things we (and the community!) will be able to build on top of the foundation that is Ditto 2.0. We have big plans for the future, and can’t wait to share more with you all! ❤️
The whole team who helped bring this to life (@jordin_builds, @xavier_agostini, @ashley_newman1, @robinson_claireb) will be online all day to answer any and all questions. :)
We can't wait to hear what you think! 🥳
This launch represents multiple months of hard work from everyone on our team, and we're all stoked to finally share the fruits of our labor with the world! 🎉
I believe that the ability to draft text directly in Ditto is a MASSIVE boon to product development teams.
For writers: a lightweight text editor automatically tracks the history of every piece of copy you write, correctly attributing all edits to the users on your team who make them. When your drafted copy is ready to be used outside of Ditto, the click of a button turns your draft text into fully featured Ditto text items, complete with the ability to use variables, pluralization, variants, components, and more.
For engineers: since text that lives inside of Ditto isn't constrained to copy in design files, a codebase integrated with Ditto is freed from the same limitation. We've also made a series of systemic modifications that pave the way for new features that will dramatically increase the power that development teams have when working with text in Ditto. Stay tuned :)
Super excited to field feedback and/or questions!
@ouyangatang Thanks for a detailed walkthough in the video, Jessica. Great product, amazing to see how your plugins help connect design and development tools. A really helpful project for product designers.
@maya_ovice Thank you so much for checking out the video walkthrough! 😊 Definitely a couple of moving parts across design and development, but hopefully fairly seamless once you're up and running
Hope everyone is able to find value in this new feature! Let us know if you have any questions, feedback, or just want to learn more about Ditto.
Intercom