Manage and edit your product text and keep changes in sync while inside your Figma mockups using Ditto’s Figma plugin. The plugin has the same functionality as Ditto’s web app, it just allows you or your team to edit product text, access the component library, and sync changes with Ditto without leaving the Figma file.

This guide will help you get started with Ditto in Figma and introduce the core plugin features.

Install and open the Figma plugin

If it’s your first time using Ditto, head to Figma and install the Figma plugin. You only need to do this once for your Figma account.

Open the Figma plugin:

• Open up your Figma file
• Go to Actions → Plugins & widgets
• Search Ditto and open the plugin

<aside> 💡

If it’s your first time opening the Figma plugin, you will be prompted to sign in or sign up

</aside>

Figma plugin tour

Here are the key features you’ll see when you open Ditto’s Figma plugin:

Import and link new text items

1. Import: Import selected text item(s) into Ditto
2. Link: Link selected text item to a project text or component

Selected text item