👉 Note: Ditto’s rich text functionality is currently in beta! If you have any questions or feedback, please let us know!
In addition to editing text directly in Ditto (and syncing those edits back to Figma), you can also apply rich text! Ditto’s rich text support will allow you to bold, italicize, and underline text directly in Ditto and see those changes applied to your Figma design file.
While rich text support is in beta, you’ll be able to choose whether or not to enable it for each of your Ditto projects. If you don’t want rich text Ditto to be synced back to Figma, turn rich text mode off.
To turn rich text mode on, select “Enable Rich Text” in your project:
You’ll be able to edit rich text for any text items, variants, components, and plurals in Ditto! You can edit rich text in Ditto in both our web app and Figma plugin.
To get started editing rich text in Ditto, select a text item in Ditto. In the Edit tab, you’ll be able to edit the text and apply rich text formatting (either using keyboard shortcuts or the highlight buttons):
You can also use:
The rich text styles will get reflected in your design file the next time you resync.
When you apply rich text formatting to a Ditto component, that formatting will be applied in Ditto wherever this component has been attached. Any rich text formatting won't sync back to your design files unless you've enabled rich text for the project.
"Sync edits with duplicates" allows you to sync duplicate text (text items that are full, exact matches within a project). Any rich text formatting applied will not impact whether text items are considered a match.
Our support for rich text formatting in Ditto is currently in beta. We’d love to know what you think. Please let us know if you have any questions or feedback!
Rich text styling will sync back to your Figma file if the corresponding font styles are available on your computer. For any questions about how rich text formatting in Ditto will be applied in your files, please reach out to us at firstname.lastname@example.org!