Sorry, the InVision Help Center does not support Internet Explorer. Please download Microsoft Edge or another modern browser.

How do I use code snippets in the Design System Manager (DSM) Sketch tool?


To use code snippets for items in your Design System Manager (DSM) library:

  1. Copy the snippet to your clipboard (Command + C).
  2. In Sketch, click the DSM icon (dsm-icon.png), and then click the folder where you want to add the snippet.
  3. Click the Description field, and paste in the snippet (Command + V).
  4. To apply code syntax highlighting, select the code snippet and click the curly brackets icon (invision-dsm-curly-brackets.png) in the WYSIWYG toolbar.


To add an inline code label to the description of your code snippet:

  1. Exit the code snippet edit mode by pressing Return three times.
  2. Type the label you want to use.
  3. Select any part of the label you want to call attention to, and click the code icon (invision-dsm-code-icon.png).


Was this article helpful?

Still have a question?

Contact Us