Ditto | What's New

We have rebuilt your first project experience in Ditto with simplified workspace setup, a new Figma starter file, and an interactive tour to walk through fundamental features you need to know in Ditto.

• Simplified workspace setup: Answer fewer questions during signup and get to the product faster. Let us know what you’d like to use Ditto for, which helps tailor your experience.
• Try Ditto with the Getting Started Playground: Instead of connecting your own Figma file right away, you'll get a quick tour and test the features using Ditto's new starter file.
• Follow the plugin tour: The plugin guides you through adding frames to your Ditto project, selecting text, setting text status, accepting style guide suggestions, and linking text matches.
• Continue in the web app: After the plugin tour, you'll be directed to the web app where you’ll learn how to work with design previews, make edits, and sync changes back to Figma.

Once you master the basics, explore the rest of the Getting Started Playground to learn Ditto features that will help you accomplish your goals: Scale consistency with AI style guides, run efficient reviews, or manage translations.

You can still try Ditto using your own file, but we recommend using the starter file to master the basics (in under 5 minutes!).

Ditto's web app now has all the design context you need. Whether you’re actively editing text or doing a review pass, you can run your full workflow from the new design view.

A single, unified view for working with designs: We’ve made the design view more powerful, and the default view for projects connected to a design.

• You can now zoom in/out and pan on all designs. Just like navigating a Figma canvas, you can now move through design frames in Ditto's web app.
• In design view, the details panel filters comments and activity to the current frame. Text items linked within the selected frame will also display here, as opposed to separately on the left.
• See all of the frames in your project in a grid. Scroll through all of your frames by page and section, and click in to a single frame to edit text.
• We’ll preserve your selection when switching between design and text views. If you want to work from designs, use design view. If you want to see all of the text across your project, use text view.

Select and work on any text directly from the design view — even if it’s not yet linked to Ditto. This means teams can now use the design view as their primary working space.

• On any design in Ditto, you can now select and work on any visible text layers, whether you've imported them or not.
• Text that hasn’t yet been linked to Ditto will show up in your selection the same way as text that has been linked — only with a dashed outline.
• We’ll automatically link up the text layer once you work on it, whether by editing, leaving a comment, or editing a property.

Teams often want to bring designs and flows into their Ditto project before jumping into specific edits. So now, you can add design frames directly to Ditto via the plugin.

Once you add a frame to Ditto, anyone in the project can view and work from it in the web app. Select the designs you want to collaborate on—whether a single frame, an entire section, or a full page—and bring them into Ditto.

• Frames that have been added will show up alongside the frames already in your project. We won’t automatically create or link text items when you add a frame: that will only happen when you interact with the text itself.
• By default, we’ll preserve the frame layout and flow from the Figma file: top to bottom, left to right, and with sections for grouping.
• Once a frame has been added to a project, it will have a unique URL in the web app. Copy this right from the plugin or from the web app to share it with someone else on your team.

Kicking off a copy review can be as simple as bringing in designs from a flow into Ditto. Add the frames that need a copy pass, then get to work with all the review features built into Ditto's web app. Reviewers can step through the flow frame-by-frame and take action: suggesting edits, marking status, or leaving comments.

(This one’s for those that shared feedback that they missed this from legacy Ditto!)