Introducing Drafting

Ditto handles your team’s text from concept to design to development. Draft text directly in Ditto, and then sync it with mockups or directly over to development when you're ready.

Book a demo ->Get started for free

Just start typing

Drafting in Ditto allows you to start working on content even before the mock-ups are ready. Your team can collaborate in a Ditto project just as you would in a Google Doc.

Ditto handles your team’s product text from idea to code.

Integrated with your content system

Drafted text can utilize all of the same features in Ditto — whether it’s components, variants, statuses, or search — making it easy to use your content system from the start.

Connect to Figma when you're ready

You can always connect text from your draft projects directly to mockups in Figma.

No more transferring between tools: once connected, the designs will contain the drafted text and changes will sync between the two.

Or manage text you won’t find in the designs

Whether it’s error messages or tooltip text, text that might normally just exist in code can now also get written and managed in Ditto.

Developers can directly fetch text drafted in Ditto by using our developer integrations.

Terminal using Ditto CLI to pull text
Learn about Ditto for...
Writers
pen emoji
Build a reuseable text component library, manage text in mockups, and collect stakeholder feedback.

Reduce the back and forth knowing that your text will get synced to both design and production.
Learn more ->
Designers
paint palette emoji
Our two-way Figma sync makes sure that the right copy is always in your mockups.

Use our Figma plugin to quickly edit text in designs and track progress.
Learn more ->
Developers
laptop emoji
Our API, CLI, and SDKs allow developers to fetch up-to-date product copy and integrate it into their build processes.

No more copy/paste and tickets to fix typos.
Learn more ->
Localization
Globe with meridians emoji
Ditto serves as a single platform for all of your product’s text.

With automatic integrations into both design and development, localization is organized, collaborative, and efficient.
Learn more ->