👉Quick note: Developer mode is only available for linkable groups of text in Ditto, not draft groups. For more information on the difference between linkable and draft groups (as well as how to use each), head to our guide to drafting text in Ditto.
Turning on Developer Mode enables a project to be fetched by our API and generates editable IDs for all text, blocks, and frames. Don’t worry, you’ll still be able to continue editing this project after Developer Mode is turned on!
If Developer Mode has been turned on for a project, the icon will display as blue in the project title bar. You'll also see a Developer Mode Enabled tag on the project itself on the Projects page.
You can also turn on Developer Mode for the component library, which generates API IDs for the Component Library and allows it to be fetched by our API and CLI.
IDs generated in a project with Developer Mode are used to identify and fetch specific text items using our developer integrations.
For a project with Developer Mode enabled, you can view or hide all IDs from the canvas by using the dropdown menu next to the Developer Icon in the project title bar.
You can click on any ID in your project to quickly copy it to your clipboard.
You can also edit any of the IDs.
You can search for text items by ID within a project by typing "ID=[insert specific ID here]" in a project's search bar.
You can use our developer integrations to fetch text from Ditto directly in development.
We'll be releasing additional developer documentation soon!