Blocks help you organize related text items within your Ditto project. They provide structure, build metadata, and create hierarchy, making it easier to manage and navigate your copy.

While blocks aren’t required, they’re useful for keeping things organized. For example, you might group all your footer text into a block called Footer.

There are two ways to create a block: importing copy as a block in the plugin, or creating blocks in the web app and manually text manually.

Import copy as a block

When you’re importing text from Figma, you can create a block directly from the Ditto plugin by selecting multiple text items.

To import text as a block:

1. Select the text layers you want to group in Figma
2. Click Import as block in the Ditto plugin
3. Name the block to keep it organized

In the web app you can see the new block with the imported text group in its own section.

Create a block for existing copy in the web app

If you already have text items in Ditto, you can organize them into blocks manually from the web app.

To create a block:

1. Click + Create block in the web app
2. Name the block and click the checkmark icon ✓
3. Drag and drop text items into the block