For any text item in Ditto, you can now add a character limit (in either the plugin or the web-app).
Characters beyond the limit will get highlighted in red in the editor.
We've updated the drag and drop in the component library to be a smoother and snappier.
When creating a component, you can now let Ditto do the naming for you!
Auto-naming is available in the component attach modal and component suggestions for both the web-app and plugin.
In any project, you’ll now be able to link directly to the text item, variant, and/or page you’re selecting.
This means you can share your project link from the URL bar and others will be able to navigate to exactly what you have selected! Ditto email notifications will also take you to the specific text item.
💻 We’ve released a number of improvements to our developer integrations! View full changelog
Other improvements:
We’ve added 2 additional configurations for developer IDs! You can find them in your Developer Integrations settings:
1. Prevent manual edits to developer IDs (for components or projects)
2. Automatically update group IDs and block IDs when a group name or block name gets changed
You can now filter by developer ID in both projects and the component library by using a search filter. We'll continue to support the "ID=" query directly in the search bar, but we hope this makes searching by developer ID more accessible!
You can now add descriptions to variants! These descriptions will appear when selecting a variant, and will also appear in variant-specific exports.
We're also introducing a revamped variant library — with an edit panel, instances tab, and selection! 🎉
You can now search / filter by variant text in projects and the component library! With a variant filter, the search input will apply to only the specified variant text.
In both the web-app and the Figma plugin, you can now multi-select component suggestions. This includes:
We hope this highly requested feature helps teams quickly integrate components in their projects!
In the Figma plugin, you can now filter down component suggestions to text in your Figma selection!
In your component library, we'll now surface merge suggestions: components in your library with the same text and metadata that you can merge into the same component.
You can now use Ditto in Figma Dev Mode to allow developers to quickly access and copy developer IDs, as well as production-ready code snippets to insert the ID in various languages. Check out our full help guide to learn more.
You can now connect text from Ditto to Lokalise via a connection! This means that teams using Lokalise as their TMS can send text from Ditto components directly to Lokalise for translation, as well as write translations from Lokalise back to Ditto, without any manual work updating text from different sources.
Thank you to the Lokalise team for their work building this integration! For instructions on getting started, go here.
💻 We’ve released a lot of improvements to our developer integrations! View full changelog
Other improvements:
Teams on our Growth and Enterprise Plans can now create and organize variants into folders! Learn more
This highly requested feature is now live! You can now resize our Figma plugin.
The plugin will also remember the last size it was resized to, even if you close and reopen it between sessions.
When resyncing from the Figma plugin, you’ll now see a progress bar that indicates exactly where you are in the resync process.
We hope this is helpful, especially when working from large files!
Teams on our Enterprise Plan can now create and manage custom permission groups for fine-grained control over access to projects and components in a workspace! This means you can now:
Learn more in our full help guide here.
Say goodbye to outdated spreadsheets — you can now import CSV files into Ditto!
Via the import, you can map values from columns in the spreadsheet to create components in with text and metadata in your team's component library.
To get started, head to your component library. To learn more, check out our full help guide.