Hiding text

If you only want to work on a subset of text in your Ditto project, you can "hide" the text that you're not working on.

Note: Hiding text in Ditto is different from hiding layers in Figma. Hiding text in Ditto will only affect what's displayed in your project in the web app, and won't affect visibility of the text layer in the Figma file itself!

You can hide text in your Ditto project via the web app or the Figma plugin. Text that's hidden in Ditto will still get synced, it will just be hidden from view in Ditto. You can hide any text that's not in a Block.

‍

Hiding a single piece of text

Web app

To hide a single piece of text, select the text item in your Ditto project and head to the Edit panel on the right side. When you click "Hide from view," the text item will get placed in a collapsible "Hidden" drawer underneath the frame.

‍

You can always unhide the text using the same method. Select the text item, and then in the Edit panel on the right side, click "Unhide from view."

‍

Figma plugin

You can also hide text in Ditto using the Figma plugin! We often hear teams using the plugin when they want more visual context.

To hide text, select the text box in the Figma file, click the Selected tab, and then scroll to the bottom and click the "Hide from view in Ditto" button.

This hidden text will then show up in the "Hidden" drawer in your Ditto project: 

‍

Hiding multiple pieces of text

Web app

To hide multiple pieces of text at once, you can select multiple text items by holding down Shift or Command/Control (full guide here). Then, click "Hide selected text from view" in the right-side Edit panel. You can multi-select any text item that's not a Ditto Component.

‍

Figma plugin

You can also hide multiple pieces of text in your selection in Ditto's Figma plugin. Select a frame, group, or multiple text boxes,  on the Selected tab, and then the"Hide selected text from view in Ditto" button. The hidden text will get placed in a drawer at the bottom in the plugin. To unhide a piece of text in this view, you can open the drawer and hover over it.

‍

In the web app, the text will show up in the "Hidden" drawer:

‍