Document your product copy rules, and build your content design system with Ditto style guides. Build out each rule or import your existing style guide into Ditto, to document standards around tone, language, formatting, and more. Use Ditto's default style guide or create your own, then leverage Ditto’s AI capabilities to enforce your style guide as you, or your teammates, draft new copy.

Style guide basics

Your style guide contains a prewritten set of rules to enforces your product copy standards. Ditto's AI will use these rules to edit all the text in your projects (whether you've imported it to Ditto or not!) and surface any suggestions through Magic Edit.

Use style guides rules to...

Build a glossary of approved and disapproved words
Provide voice and tone guidelines
Outline approved sentence structures
Add text formatting and linting

See all your style guides by navigating to the Style guide tab in the web app.

Create your custom style guide

Ditto provides a default style guide for you to use in your projects, but you can also create your own style guides and custom rules. Refer to your workspace to see the limits on the number of style guides and rules.

Create a style guide:

Click + New style guide
Name your style guide and click Create

💡 Email support@dittowords.com a PDF of your existing style guide and we’ll import it into your workspace for you!

Delete a style guide

Click the … menu and select Delete style guide
Enter the name and click Delete

Create a rule

When you add a new rule, be descriptive and provide at least one set of examples to train your AI model so it understands the context to appropriately apply the rule to your copy. The more specific you are, and the more examples you provide, the better the better the suggestions will be.

Create a style rule

Click + Add rule in your style guide
Add a name, section, and description
[Optional] Add target tags so the AI knows which text items to apply this rule to. If no tags are included, the rule will be applied to all text items in your project
Provide at least one example, then click Add rule

💡 Tags will get automatically suggested based on rule title, description, and section

Create a style guide section

Use sections to group your rules into categories for better organization and searchability.

Create a section:

Click + Add section
Name the section

💡 Click and drag to organize your style guide sections

Move a rule to a new section:

Select the rule
Switch the section and click save

Add to your word list

Ditto’s style guide has a dedicated Word List section that specifically manages your glossary of approved and disapproved terms. Use this to clearly list out the preferred terminology, words to avoid, and optionally note down the reasons for each use case.

Add a new word:

Click + Add word
Add the preferred word, alternatives to avoid, and notes, then click save

Delete a rule

Click on the rule you want to delete in your style guide
Click Delete

Enable a style guide for Ditto projects

Enable or disable specific style guides for each Ditto project to ensure that only the relevant rules are enforced.

Enable/disable a style guide for a project from the plugin:

Click … in the Figma plugin and select Settings
Enable or disable the relevant style guides for this project

Enable/disable a style guide for a project from the web app:

Click … in the web app and select Style guides
Enable or disable the relevant style guides for this project

Enable a style guide by default for all projects

For commonly used style guides, enable them to be on by default so its rules are automatically used in all projects. Newly created style guides are enabled by default.

Enable a style guide to be on by default: