Without the right tools, keeping copy consistent across projects is time-consuming and messy. Ditto’s library eliminates that friction by creating a central repository of reusable, approved content. Any changes made to a component will sync automatically across all projects.

This guide covers how to create, use, and manage components in your library to make your workflow smoother and more efficient.

Component library basics

Components are reusable text items published from your Ditto projects. Your library stores all components in an organized, searchable space. Any edits to a component's text or metadata update instantly across all instances—no need for manual changes.

For example, if you change a Continue button component to say Next in one project, every linked Continue instance in other projects updates automatically to Next.

As your team works in Ditto, you’ll build a library of standardized components — like CTAs and error messages — eliminating the need for copy-pasting across screens and projects.

Creating a component

There are two ways to create Ditto components. You can publish a text item from your project to the library, or create a new component directly in your library.

Publish text to your library

If you’re working in Ditto and want a text item to be reused across projects, you can publish it directly from the web app or Figma plugin.

To publish a text item:

1. Select the text
2. Under the Library section in the details panel, click the Publish to library... button
3. Choose a folder to store the component
4. Edit the name if needed, Ditto will generate a name based on the component text
5. Click Publish