💻 We’ve released a number of improvements to our developer integrations! View full changelog
Today, we released Ditto's new developer docs! 🎉
Over the last few months, we overhauled our developer-facing documentation, guides, and example repos. In the new docs, we tackle explaining both how Ditto works in the big picture and how to solve specific use-cases with concrete examples.
This included answering common questions like:
It also includes expanded functionality, such as:
We cover the changes to our developer docs in this blog post.
In any workspace, you can now access a pre-loaded sample project!
This project serves as a playground for your team to understand how Ditto works, and can be connected to a design file and to a developer environment in less than 5 minutes.
We've added a new setting in our Figma plugin's layer name settings: Synced Frame. If this setting is toggled on, it will add the ✍️ emoji to the layer name of frames currently synced to Ditto.
Webhooks allow developers to receive payloads when data in Ditto is changed. Some use-cases include:
You can now set up and create webhooks directly in your team's Developer Integrations page. For more information, check out our webhooks docs!
💻 We’ve released a number of improvements to our developer integrations! View full changelog
⚡️ We’ve improved performance in several areas of our application:
Other improvements:
We've revamped our guidance — both in-app and in our help guides!
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.
