In our Figma plugin, you can now configure the settings of which Ditto properties get added to the Figma text layer names for synced frames in Figma. Previously, these properties were always added. The properties will get prepended to the layer name itself.
We now support 2 additional formats for importing: Android .xml and iOS .strings! We hope this helps developers that already have their strings in one of these formats get up and running in Ditto more easily.
To learn more about how to import string files to Ditto, check out this help guide.
From your developer integrations page, you'll now be able to configure the rules around how developer IDs get generated. This includes:
You can now easily bring work you've done on one frame in your project to another. No need to recreate the same blocks for each new frame!
To get started, head to a project, find a frame and click "Select All," then "Copy setup from another group." Learn more
You can now work on more than one Figma branch in Ditto at one time! To get started, import a Figma branch, and follow the prompts to opt in to the beta. Learn more in our Figma branching help guide.
In Figma, you can now view developer string IDs for any text directly in the layer name (alongside the status icon)! We hope this makes it quicker and easier for developers to get the right string ID when implementing copy. ⚡️
In the Figma plugin, you can now add, preview, and apply variants to multiple frames at once!
To get started, just select multiple frames in the Figma file:
In the web app, you can now select all text on a group or frame with one click! This means you can easily take actions like updating status, tags, or notes for an entire frame (just like you can in our Figma plugin).
To select a group in the web app, you can either:
💻 Latest updates to our developer integrations:
⚡️ We’ve improved latency for:
When adding a frame that’s been duplicated from another frame in Figma, we’ll now surface suggestions to bring over blocks and hidden text from your existing frame.
These suggestions will appear in our plugin when you’re adding a new frame. You can preview the setup suggestions directly in your Figma file.
We’re excited for this to reduce the amount of work required to set up frames in Ditto. To learn more or watch a video overview, check out our setup suggestions help guide. Stay tuned for additional features around suggestions! 😉
In Ditto, you can now assign text to teammates in your workspace!
This can be helpful to hand text off to specific stakeholders for review, notify a teammate to look at a specific text item, or to indicate the owner of a text item.
You can filter text by the assignee in a project or the component library using the new search filters.
For more information, check out our help guide on assigning owners.
Reviewing copy and want to suggest a change without editing directly? In addition to making edits directly to text, you can now suggest edits in the edit panel in Ditto.
To suggest an edit, switch the text input from “Editing” to “Suggesting”. This will switch the edit panel to suggesting mode, as indicated by the green color.
Suggestions are generated like comments — meaning they’ll appear in the “Activity” tab of a text item, in the project-level activity, in the recent comment section, and in Quick Reply. Any suggestion can be accepted or rejected.
For more information, check out our help guide on suggesting edits.
Collaborating on text in Ditto? We just rolled out 3 major updates to commenting. 💪
⚡️ Quick Reply Mode
When clicking into a comment from the project activity or from a notification, quick reply mode will surface the relevant comment directly in the edit panel.
In quick reply, you'll also be able to iterate through all open comment threads in the project.
💬 Comment from the Edit Panel
On any text item, you can now leave a comment directly from the edit panel!
You'll still be able to view all activity and comments from the "Activity" tab! We hope this helps you stay in your flow while making edits.🧘
🆕 Surfacing the Newest Comment
If a text item has an open comment thread, it'll also be surfaced directly in the edit panel. Here, you can read, respond, and resolve, without leaving the edit panel.
This week, we rolled out a new design for our edit panel! With the new edit panel, you can add metadata fields to the text item, but they won't display by default if the metadata isn't present.
Sometimes the small things are the big things! We’ve released six new features that improve how teams use components:
You'll now be able to page through the edits pulled in by the latest plugin sync directly in the Figma file!
To do this, just select the edited text message in the "Your Recent Sync" section of our Figma plugin. This will then allow you to iterate through each change — and select the corresponding text node directly in your Figma file.
Ditto now supports Grammarly natively — in both our web app and our Figma plugin! You’ll now be able to correct misspellings and grammar mistakes, as well as view suggestions for improved writing clarity directly in Ditto.
To learn more about what our Grammarly integration means for your team, check out our latest blog post.
Today, we’re rolling out rich text support in Ditto. This means you’ll now be able to also manage styling within a text item — specifically, using bold, underline, and italics.
Rich text support is included for all text edited in Ditto, whether it's in the plugin or the web-app, and whether its base text, variant text, a plural, a component, a draft or includes a variable. To learn more about the engineering efforts and implementation details of rich text in Ditto, head to our latest blog post.
When searching for components to attach, you'll now be able to see the status, tags, and notes for each component, in addition to the name and text!