/drawIo-Salesforce

This library is a collection of DrawIo shapes for Salesforce. It is based on the [Salesforce Diagramming Framework](https://architect.salesforce.com/diagrams)

Unofficial draw.io ibrary for Salesforce

This library is a collection of DrawIo shapes for Salesforce. It is based on the Salesforce Diagramming Framework

Features

Icon Library

The library contains icons and logos for Salesforce products. You can use them in your diagrams by selecting the shape and then clicking on the icon in the icon library. The library contains the following categories:

  • Industry Icons
  • Platform Icons
  • Product Icons
  • Product Logos
  • Data Model Notation
  • Card Library
  • Document Headers

Icon Library

Card Library

Data Model Notation example

Headers

Color Palette

The library contains the Salesforce color palette. You can use the colors in your diagrams by selecting the shape and then clicking on the color in the color palette. Color Palette

Predefined Styles

The library contains predefined styles for the shapes. You can use them by selecting the shape and then clicking on the style in the style palette. The styles are based on Salesforce Design Tokens.

Style Palette

Setup

Draw.io Online

Copy the raw content of the configuration.json file and open your Draw.Io application. Then got to Extras > Configuration... and paste the content of the file into the text field. Click on Apply and you are done.

Navigation menu

Draw.io Desktop

Due to CSP limitations with the desktop version of Draw.io, you need download all library files from the folder shapes and import them manually. To do so, open your Draw.Io application and go to File > Open Library.... Then select all files you downloaded.

To get the color schema you need to copy the raw content of the configurationDesktop.json file and open your Draw.Io application. Then got to Extras > Configuration... and paste the content of the file into the text field. Click on Apply and you are done.