Skip to content
zsviczian edited this page Jan 2, 2022 · 9 revisions

Excalidraw Script Engine scripts library

Click to watch the intro video:

Script Engine

See the Excalidraw Script Engine documentation for more details.

How to install scripts into your Obsidian Vault

Open the script you are interested in and save it to your Obsidian Vault including the first line /*, or open it in "Raw" and copy the entire contents to Obsidian.

List of available scripts

Title Description Icon Contributor
Box Selected Elements This script will add an encapsulating box around the currently selected elements in Excalidraw. @zsviczian
Bullet Point This script will add a small circle to the top left of each text element in the selection and add the text and the "bullet point" into a group. @zsviczian
Connect elements This script will connect two objects with an arrow. If either of the objects are a set of grouped elements (e.g. a text element grouped with an encapsulating rectangle), the script will identify these groups, and connect the arrow to the largest object in the group (assuming you want to connect the arrow to the box around the text element). @zsviczian
Convert text to link with folder and alias Converts text elements to links pointing to a file in a selected folder and with the alias set as the original text. The script will prompt the user to select an existing folder from the vault. original text => [[selected folder/original text|original text]] @zsviczian
Create new markdown file and embed into active drawing The script will prompt you for a filename, then create a new markdown document with the file name provided, open the new markdown document in an adjacent pane, and embed the markdown document into the active Excalidraw drawing. @zsviczian
Darken background color This script darkens the background color of the selected element by 2% at a time. You can use this script several times until you are satisfied. It is recommended to set a shortcut key for this script so that you can quickly try to DARKEN and LIGHTEN the color effect. In contrast to the Modify background color opacity script, the advantage is that the background color of the element is not affected by the canvas color, and the color value does not appear in a strange rgba() form. @1-2-3
Dimensions Currently there is no way to specify the exact location and size of objects in Excalidraw. You can bridge this gap with the following simple script. @zsviczian
Elbow connectors This script converts the selected connectors to elbows. @1-2-3
Expand rectangles horizontally keep text centered This script expands the width of the selected rectangles until they are all the same width and keep the text centered. @1-2-3
Expand rectangles horizontally This script expands the width of the selected rectangles until they are all the same width. @1-2-3
Expand rectangles vertically keep text centered This script expands the height of the selected rectangles until they are all the same height and keep the text centered. @1-2-3
Expand rectangles vertically This script expands the height of the selected rectangles until they are all the same height. @1-2-3
Fixed spacing The script arranges the selected elements horizontally with a fixed spacing. When we create an architecture diagram or mind map, we often need to arrange a large number of elements in a fixed spacing. Fixed spacing and Fixed vertical Distance scripts can save us a lot of time. @1-2-3
Fixed vertical distance The script arranges the selected elements vertically with a fixed spacing. When we create an architecture diagram or mind map, we often need to arrange a large number of elements in a fixed spacing. Fixed spacing and Fixed vertical Distance scripts can save us a lot of time. @1-2-3
Font Family Sets font family of the text block (Virgil, Helvetica, Cascadia). Useful if you want to set a keyboard shortcut for selecting font family. @zsviczian
Grid The default grid size in Excalidraw is 20. Currently there is no way to change the grid size via the user interface. This script offers a way to bridge this gap. @zsviczian
Lighten background color This script lightens the background color of the selected element by 2% at a time. You can use this script several times until you are satisfied. It is recommended to set a shortcut key for this script so that you can quickly try to DARKEN and LIGHTEN the color effect.In contrast to the Modify background color opacity script, the advantage is that the background color of the element is not affected by the canvas color, and the color value does not appear in a strange rgba() form. @1-2-3
Modify background color opacity This script changes the opacity of the background color of the selected boxes. The default background color in Excalidraw is so dark that the text is hard to read. You can lighten the color a bit by setting transparency. And you can tweak the transparency over and over again until you're happy with it. Although excalidraw has the opacity option in its native property Settings, it also changes the transparency of the border. Use this script to change only the opacity of the background color without affecting the border. @1-2-3
Modify stroke width of selected elements This script will set the stroke width of selected elements. This is helpful, for example, when you scale freedraw sketches and want to reduce or increase their line width. @zsviczian
OCR - Optical Character Recognition The script will 1) send the selected image file to taskbone.com to exctract the text from the image, and 2) will add the text to your drawing as a text element. @zsviczian
Reverse arrows Reverse the direction of arrows within the scope of selected elements. @zsviczian
Set Link Alias Iterates all of the links in the selected TextElements and prompts the user to set or modify the alias for each link found. @zsviczian
Split text by lines Split lines of text into separate text elements for easier reorganization @zsviczian
Text Align Sets text alignment of text block (cetner, right, left). Useful if you want to set a keyboard shortcut for selecting text alignment. @zsviczian
Transfer TextElements to Excalidraw markdown metadata The script will delete the selected text elements from the canvas and will copy the text from these text elements into the Excalidraw markdown file as metadata. This means, that the text will no longer be visible in the drawing, however you will be able to search for the text in Obsidian and find the drawing containing this image. @zsviczian
Zoom to Fit Selected Elements Similar to Excalidraw standard SHIFT+2 feature: Zoom to fit selected elements, but with the ability to zoom to 1000%. Inspiration: #272 @zsviczian
Clone this wiki locally