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:

• How IDs get generated for components based on their component name
• The ability to regenerate all IDs in your component library
• Setting if IDs should change automatically when components get renamed

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:

1. Click the name of the group
2. Click the "Select All" button on the group

• 🌐 If component text includes new lines/line breaks, we'll now display the line breaks in the attach component dropdown.
• 🎉 You can now search by the component text in addition to the component name in the create/attach component modal.
• 🎉 If we detect a Ditto Variant is being applied to a main Figma Variant, we'll no longer add a prefix ([🔀 Variant Name]) to the layer name so as to not add invalid properties to the Figma component.
• 🫣 When importing frames into Ditto, we now hide any text that's positioned outside the frame by default in Ditto.
• 👯‍♀️ We've made it easier to link duplicate text using Ditto Components! When we detect that text you're selecting has duplicates, we'll now display an option to easily attach all of those duplicates to a new or existing Ditto Component.
• 🗂 We've built support for Figma's latest feature: Sections! You'll now be able to work on frames inside of Sections.
• ↔️ You'll now be able to page through any reversals to edits made to components when syncing via our Figma plugin.

💻 Latest updates to our developer integrations:

• You can now access our Android XML and iOS strings formats directly from our CLI.
• You can now filter by text status directly from the CLI.
• Rich text included in JSON for exports and API
• Added instructions for custom file paths / directories when using the CLI
• You can always access our full developer changelog here.

⚡️ We’ve improved latency for:

• Loading plugin
• Searching for components
• Resyncing
• Importing JSONs

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.

• 🚦 We’ve added the ability to filter by no status. Just select “None” in the status filter dropdown!
• 😎 We’ve updated the edit panel when viewing variant text or when viewing with commenter access to more clearly show disabled fields!
• 🔌 We’ve added new REST API endpoints for fetching components of a specific folder and fetching all folders.
• 🖼  Frame names and group names will now be associated with each other until a group is manually renamed in Ditto! This means that updates to frame names in Figma will be reflected in Ditto unless they've been manually renamed in Ditto.
• ✌️ Plurals are now included in the flat JSON format! The plural form will be appended to the key name and be formatted as key_plural, for example cartCount_many.
• 🪄 Ditto now detects if you turn frames into Figma components! This means we'll automatically detect when this happens and relink the frame for you, rather than the frame becoming unlinked.
• ⚙️ You can now access the accounts settings and your workspace’s developer integrations from a dropdown menu when hovering over your name!
• 📂  We've added change items for moving projects in and out of folders!
• 🔎 We’ve updated component folders to display updated information when searching and filtering in the component library.
• 🛟 We’ve added additional safeguards for importing Figma files with the same name as the Figma file they were duplicated from and if the file was previously linked to Ditto.
• 💾 We’ve updated the component export to include all components in folders when exporting from the top level!
• ⚡️ We’ve improved the latency for collapsing text items not currently in a block.
• ⚡️ We’ve improved the latency for generating component suggestions on large files.
• 🗂 We’ve updated the change items in the component library to display all changes in the library (including for components in folders) when at the top level.
• 🔎 We’ve implemented a fix for case-sensitive search in the Manage Frames modal.
• ✨ We’ve improved the large file latency alert to display in more specific cases and with an improved UI to explain what to expect.
• 🐞 We’ve fixed a bug with the unsaved changes alert for when you’re saving edits from the search page.
• 🐞 We’ve fixed a bug with searching by API ID on the search page.
• 🐞 We fixed a bug in the plugin that was showing the incorrect message when in an error state during the file connection step.
• 🐞 We fixed a bug that was causing increased latency in the Figma plugin when navigating across different pages.
• 🐞 We fixed a bug that was preventing the status from being correctly included in our Android XML and iOS Strings formats.

Sometimes the small things are the big things! We’ve released six new features that improve how teams use components:

1. We’ll now surface any component suggestions for a text item directly in the attach modal!
2. In the components dropdown, you’ll now be able to see all of the components’ metadata (such as status, notes, and tags)! We hope this helps provide full context when creating or attaching components.
3. We’ve added the ability to ignore component suggestions that aren’t relevant! They'll live in an "Ignored Suggestions" section that you can then unignore later on if you want.
4. We’ve added instance counts to components in the component library! You can now see the total instances a component has and the number of instances per project.
5. We’ve added component usage information when attaching components so that you know how many places the component has already been used and where.
6. You can now search by the component text in addition to the component name in the create/attach component modal.

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!