What's New
New features, updates, and improvements to Ditto.
Success! 🥳 Look forward to Ditto updates in your inbox.
Oh no — something went wrong while submitting the form. Please try again!
May 2, 2023

⚡️ Fixes and improvements

  • 💪 We’ve improved our Slack integration to handle workspaces with hundreds of channels!
  • ✨ We’ve improved our setup suggestions to identify more matches.
  • ✔️ We’ve added more checks to prevent adding the same variant to a frame twice.
  • 🐫 We’ve improved how camelCasing for our developer IDs work for group names with all caps
  • 🐞 We fixed a bug where developer IDs were not showing in the Figma layer name after resync.
  • 🐞 We fixed a bug related to swapping component instances via the Figma plugin.
  • 🐞 We fixed an issue with the ability to “override with Figma edit” in our Figma plugin for Ditto component edit reversals.
  • 🐞 We fixed an issue with component library group navigation collapse/expand.

🏎 We’ve also continued implementing several improvements to performance and latency:

  • Faster loading of the component library and activity log
  • Faster loading of Figma frame previews (in Design View and in the edit panel)
  • Faster resync times when resyncing from our Figma plugin
May 1, 2023

🔌 VS Code Extension

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

April 28, 2023

🌎 Integrate with Crowdin via Connections

Thank you to Crowdin for updating their integration with Ditto to now utilize the connections page! This means that you don't need to purchase our developer integrations add-on in order to connect with Crowdin to localize your workspace's text.

For instructions, go here. The below video covers integration and functionality: 

April 28, 2023

💻 New Export Format: ICU JSON

We've added a new format, now available via our in-app exports or via the API/CLI: ICU JSON. This format is compatible with ICU (International Components for Unicode) Message Format.

To view an example or read how the format handles specifics (pluralization, variable interpolation, quote escaping, etc.), head here.

April 20, 2023

💪 OwnUp uses Ditto to save 6,500+ hours per year

Own Up, a mortgage fintech company with over 10,000 customers, uses Ditto to manage text across writers, designers, and developers — saving them 6500+ hours per year.

We do a deep dive into Own Up in our latest case study.

April 18, 2023

📝 Introducing Templates

You can now create content templates in Ditto! These allow you to provide pre-defined starter text that teammates can reuse to write content faster, while maintaining consistency.

To get started, head to your Component Library to create a template component. To learn more, check out our full help guide.

March 30, 2023

⚡️ Fixes and improvements

🏎 Over the last few months, we’ve been committed to improving performance in Ditto — especially for large projects and slower connections. This includes:

  • Faster loading of projects in the web app
  • Faster resync for large projects
  • Faster initial loading of the component library

  • 💻 We've published v3 of the CLI, which focuses around a number breaking changes intended to better align default CLI behavior with Ditto best practices. You can read the release notes here.
  • 🪺 We've added support for a nested JSON format for fetching your component library! This is available in our exports or via the API.
  • 🔒 We’re proud to announce that Ditto has successfully achieved SOC 2 certification, the highest standards of security for keeping customer data safe. As Ditto continues expanding support for mission-critical workflows for companies of all sizes, we remain dedicated to maintaining the highest standards of security and compliance. Read the news
  • ↩️ We’ve added the ability to restore developer IDs to previous versions directly from the change history.
  • 🔗 We’ve improved validation for URLs of link variables! This means you can now provide non-traditional domains and backlinks / internal links to the URL field of link variables.
  • 🐞 We’ve removed the 60 character limit for automatically-generated component developer IDs.
  • 🐞 We’ve improved camel casing for components that have all caps.
March 28, 2023

✨ Automated Setup Suggestions

Ditto will now generate automated setup suggestions for frames in your projects! If your team has set up blocks, attached to components, or hidden text on a frame that Ditto detects is similar to the frame that you're working from, it'll surface the option to apply those blocks, hiding, and components.

If you click on the suggestions, it'll take you to preview mode, where you can select or deselect aspects of the setup to apply. You can always ignore the suggestions. For more information, check out this help guide.

March 23, 2023

🍎 New Variable Types: List and Map

We've introduced two new variable types to Ditto to help variables handle more structured dynamic content: lists and maps!

A list variable, also referred to by developers as arrays or enums, is helpful for storing a collection of elements. A map variable is helpful for storing key-value pairs.

These new variable types will also be included in our developer-exports, and we've also added support for them in our React SDK. To learn more about the new variable types, check out our latest blog post.

March 22, 2023

🔒 Ditto Achieves SOC 2

As a product that helps other teams build their products, it’s always been a top priority to ensure that your data is stored safely and securely. Today, we’re proud to make this commitment to security official and announce that Ditto has successfully achieved SOC 2 certification!

As Ditto continues expanding support for mission-critical workflows for companies of all sizes, we remain dedicated to maintaining the highest standards of security and compliance, so you can focus on what matters most: building your product.

March 21, 2023

🖼️ Introducing Design View

When working in the web app, you can now toggle to Design View for any frame! There, you'll be able to see the Figma image preview front and center and use it to select text and navigate your project. We hope this new view makes it a lot easier to get context when working out of the web app.

To get started, head to one of your projects in the web app. For more details, read our full guide here.

March 21, 2023

🪺 Nested JSON Format

We've added support for a nested JSON format for fetching your component library. This is available in our exports or via the API.

March 9, 2023

💻 Ditto CLI v3.0.0

We've published v3 of the CLI, which focuses around a number breaking changes intended to better align default CLI behavior with Ditto best practices. You can read the release notes here!

March 7, 2023

🔖 Tags Management

You can now manage tags used across your workplace directly in your account settings. This includes being able to view the count of each tag used, as well as the ability to rename or delete tags.

March 3, 2023

🤖 Rules for generating project developer IDs

In Ditto, you can now configure how developer IDs get generated in projects in addition to in the component library.

This includes the ability to: 

  • Create an ID template based on attributes in the project (the text, the block name, group name, project, etc.)
  • Specify accepted characters
  • Specify casing and delimiters

You can also now regenerate IDs according to these new rules for individual projects, or the entire workspace. For more information, check out our new developer ID help guide. To configure your developer IDs, head to the developer integrations page of your Account Settings.

March 1, 2023

⚡️ Fixes and improvements

  • ⚡️ We’ve improved latency for resync in both the web-app and Figma plugin, especially for projects synced to large Figma files.
  • ⚡️ We’ve drastically improved the latency for loading large projects and switching between text items!
  • 💛 Thank you to Figma for resharing the findings from our Stash / Ditto case study! You can read more about it directly on the Figma website here.
  • 🪄 When naming components, we’ve added quick categories — which allow you to reuse existing forward-slash categories in other components in your workspace!
  • 🌱 We’ve added expanded support for Figma branching! 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.
  • 🤲 We’ve added the ability to select all text items in a frame from the web-app!
  • 💻 We’ve added versioning to our API! For more information on how you can move to our v1 API, check out this guide.
  • We’ve also updated our developer documentation with comprehensive information on string formats, use-cases, and more!
  • 💻 Developer mode is now on by default in the component library. You can always toggle the display of IDs, but all components will have developer IDs by default!
  • 💻 We’ve published v1.2.1 of ditto-react!
  • 🪺 We’ve added support for deeply nested Figma sections!
  • 🤏 We’ve improved plugin selection when selecting Figma sections and Figma component sets!
  • 💬 Comment counts now reflect the count of all comments and replies (not just the number of threads).
  • 🐞 We fixed bugs with our Android export format related to wrapping variables and plurals.
  • 🐞 We fixed a bug related to our PUT /components?variant=x endpoint to handle rich text properly
February 16, 2023

💬 Slack Integration

We’re excited to introduce Ditto’s Slack integration, which allows teams to connect projects and your component library directly to channels in your Slack workspace to receive notifications regarding Ditto activity.

Once connected, it’ll notify the channel of activity, including:

  • Edits
  • Assignments
  • Comments
  • Status changes
  • (In Projects) Component attachments
  • (In Projects) Draft items created/deleted

To learn more, check out our Slack integration help guide.

February 15, 2023

⚡️ Find and name components faster

When creating or attaching components, you'll now be able to quickly select a specific component category. We hope this makes it easier to find the components you're looking for, and keep component names consistent!

February 2, 2023

🟪 Indicating Nested Figma Components

In the edit panel, we now add an indicator if the text you're editing is in a nested Figma main component or Figma component instance. Previously, we only indicated if top-level Figma frames were main components/instances.

January 30, 2023

🌐 Copy components between frames

"Copy setup from another group" now surfaces component suggestions! Use it to easily bring Ditto components from one frame to another. Learn more