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 legacy DSM Sketch plugin?


To add code snippets to your legacy Design System Manager (DSM) library:

  1. In Sketch, click the legacy DSM icon (dsm-icon.png), and then click the folder where you want to add the snippet.
  2. Click the Description field, and paste in the snippet (Command + V).
  3. 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