When working on frames in your Ditto project, you can save time by using Ditto’s setup suggestions to copy over work you’ve already done.
When Ditto detects that frames in your project are similar, and that there might be an opportunity to copy over setup work you've done on one frame in the project to another, we'll surface setup suggestions. The suggestions come in 3 types:
Setup suggestions look slightly different in the web app vs. the Figma plugin.
In the web app, you can (1) view automated setup suggestions that are generated by Ditto, or (2) directly generate setup suggestions for specific frames.
When Ditto detects that frames are similar and that there's an opportunity to copy over setup work from one frame to another, we'll display a banner on that frame:
Click "Review" to look through and preview those suggestions. Click "X" if you would like to dismiss them.
When reviewing suggestions, you'll be able to select the ones you'd like to apply using the checkboxes, as well as well as see how those suggestions will look on the actual group by clicking the “Preview” toggle:
Once you’ve finalized your selection, click “Apply” to save those changes. Click "Cancel" to exit without applying any (note: you won't be able to revisit these suggestions again later on).
When working on a project in the web app, you can explicitly select a frame, and then choose another frame in that project to copy setup work over from.
How it works
Open up an existing Ditto project in the web app, find the frame/group you’d like to copy setup work over to, and click either the name of the frame or “Select All.” (Tip: if you’d like to add more frames from your Figma file, click the “Manage” link in to the top left of the project, then “Add frames from Figma file.”)
Click “Copy setup from another group” in the right panel. Then, in the dropdown, select the group in the project that you’d like to copy items from.
Ditto will generate suggestions for items to copy over based on your selection.
You can review the suggestions the same way you can do with the automated suggestions. You can choose which ones you’d like to apply using the checkboxes, as well as see how those suggestions will look on the actual group by clicking the “Preview” toggle.
Once you’ve finalized your selection, click “Apply” to save those changes. Click "Cancel" to exit without applying any.
In the Figma plugin, Ditto will surface automated suggestions when we detect you’re adding new Figma frames that are duplicates of existing frames in your project. At the moment, you can copy over three kinds of setup work done on other frames:
Open up a Figma file you’ve already imported into Ditto, and open up Ditto’s Figma plugin. Select the Figma frames you’d like to add.
If Ditto has found any suggestions, you’ll see the option to review them. Note: if you dismiss the suggestions, you won’t be able to revisit them later on.
When reviewing the suggestions, you’ll see them organized by frame. When you click into a frame, you’ll be able to view the suggestions for that frame in detail. You’ll also be able to preview the them visually in the Figma file:
If you’d like to accept the suggestions for a frame, click “Add to Selection” in the frame detail view. To remove it from your selection, click that button again.
Once you have all the setup suggestions you’d like to accept selected, click “Apply Changes.”
Have feedback on the suggestions, or want to see other types of suggestions? We’d love to hear about it! Message us at firstname.lastname@example.org.