In addition to ordering the text upon import from left to right / up to down by X-Y positions, we’ll also take into account the positions of groups or nested frames within the frame.
In the example frame below, the text in each of the white rectangles are grouped together, and the ordering will take any groupings into account.
We’ve just launched a major improvement to how importing Figma files into Ditto works! When importing via our plugin, you’ll now be able to choose the specific text you want to bring in, as opposed to being limited to just Figma frames.
Text you don’t explicitly select will still get imported but will just be hidden in your Ditto project by default. We hope this makes it a lot easier to focus on just the content that’s relevant when working in Ditto!
You can now edit the name of frames in your Ditto projects! This can be helpful in providing more writer-friendly names of frames imported from the design file. ✍️
Editing a frame’s name in Ditto won’t affect its name in Figma. The frame’s name in Figma will be displayed below the name of the frame in Ditto.
You can now search our Help Guides! We hope this makes finding resources easier when getting started. To check it out, head over to our help guides and search in the top right.
Like regular text items, you can now add statuses to components! Like any other edits to components, editing a component’s status will sync across all of the component’s instances.
Thank you to all of the teams that provided more context into how your component systems were evolving and how we could help. 🤝
Want to learn more about how you can codify your team's principles into a content system? 🧠
In our latest blog post, Jordan Bowman of UX Tools joins us to share his own experiences working with text as a designer and 5 steps to building a content system as a team.
Whether you want to manage all of your translations in Ditto or integrate with a Translation Management System (TMS) like Lokalise or Phrase, Ditto helps for a seamless localization process. 🤝
We’ve published a localization deep dive covering:
👉 How you can use components and variants to reduce localization workload
👉 An end-to-end localization workflow solely in Ditto
👉 3 localization workflows for integrating Ditto and a TMS
You can check it out here!
You asked, we delivered: you can now apply Ditto variants to your designs! 🙌
In addition to previewing a copy variant on a Figma frame, you can now apply it permanently to the frame. The variant text will remain in the mockups, even when you navigate away. 😎
Learn more in our help guide on applying variants.
Perspectives (starts March 24th 2022!) is a content design careers festival for content designers at all stages of their careers. If you’re a content designer interested in participating, you can use the code DITTO15 for 15% off.
We’ve rolled out several updates to make logging in to our Figma plugin a whole lot faster and easier! One example: if you’re already logged into the web app, we’ll now detect that so you don’t have to enter your credentials again. 😎
We now support Figma branches in Ditto projects! You can now link Figma branches as Ditto projects, and Ditto will handle the text if the branch gets merged. To read more about how this works, check out our new branching help guide.
Back in December, we rolled out real-time updates for edits when multiple people are working from the same project. We’ve now extended this ability to comments and notifications!
Now, when you’re working from either the web-app or plugin, you’ll be able to see new comments and replies show up in real time.
Today, we're excited to launch pluralization support in Ditto! You can now add plural versions of any piece of copy and implement them in code with the help of our developer integrations.
Check out our latest blog post for more information on how it works!
We've started adding improvements to Ditto to automatically load in new edits when multiple people are working from the same project in the web-app. More updates to come! 😉
You can now use our API to write back to Ditto — with our new endpoint to update text for component variants.
This means that in addition to using the API to fetch text, teams can create a full workflow to translate Ditto text in a tool like Lokalise or Phrase and bring that translated text back into Ditto.
(Note: This is currently limited to paying teams in Ditto.)
Does your team have copy that's also populated with real data? This might include anything from users' names and prices to counts and selections. In Ditto, you can now create and insert variables in your text, which automatically get formatted for developers.
We go into how it works on our launch here. If you're able to join our launch and share your thoughts on Ditto and Variables, we'd greatly appreciate it! ❤️
We support 3 types of variables:
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. ❤️
