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
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 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
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.
🏎 We’ve also continued implementing several improvements to performance and latency:
We've released a VS Code extension in beta to help developers quickly integrate Ditto into development to replace hardcoded strings. The extension searches your repository to find strings matching your existing Ditto components and allows users to instantly replace them in the code.
For more information, check out our documentation. We also dive into the VS Code extension and dogfooding at Ditto on our blog!