Start here: bring in the strings from your codebase
After running the single command to scan, you’ll be able to search and reuse what’s live today. Scan only needs read access to your codebase; it won’t edit or write to your repo, and you review what’s scanned before bringing it into Ditto.Scan your repo
Full instructions on scanning your repo: Set up in about 10 minutes with a prompt for your agent and information on what happens next.
Start using Ditto in one of these workflows
Connect your strings to your Figma files
Reuse and link the strings you imported from your codebase in your Figma files.
Manage and automate localization
Automatically translate text, preview it in design, and bring it to code.
Set up your style guides
We can infer a starter style guide from your strings, or you can import your own.
Connect the Ditto MCP
Use Ditto with your agents, whether in drafting new copy, reusing existing strings, or integrating with code.
Which developer surface do you need?
Ditto has several developer surfaces. Use this table to pick the right one.How the pieces fit
Text items live in projects; library components are reusable across projects, and a scan creates them from your strings. Developer IDs are the stable keys that code, design, and translations share. Style guides hold the rules for how your text reads, variants hold locales and other alternatives, and variables and plurals are formatted per string file. Definitions: Key concepts.If you are a coding agent
- The index of this site is at
https://developer.dittowords.com/llms.txt, and every page is available as Markdown by appending.mdto its URL. - To search these docs from your tool, connect the documentation MCP server at
https://developer.dittowords.com/mcp. It is separate from the Ditto MCP server athttps://api.dittowords.com/v2/mcp, which connects you to a workspace’s text and rules; see Connect the Ditto MCP. - Start with Scan your repo. Prefer logging in with a Ditto account over API keys.
After setup, you’ll be able to use Ditto to
- Keep copy in sync across design and code. Keep your strings connected and in sync, from Figma design files to your codebase.
- Manage and automate localization. Manage localization at any scale. Draft and score translations with AI, review translated text in designs, and hand off with streamlined string files.
- Draft on-brand copy with AI, in any tool. Get every teammate and agent writing from the same set of rules, with Ditto automatically flagging any text that needs improvement.
- Fetch the latest strings in production. Keep what’s in the code up to date with the API and CLI, without having to ask an engineer to edit strings.