How to Embed & Link Excalidraw into other Excalidraw
Embedding Excalidraw drawings into other Excalidraw drawings is a powerful feature that allows you to create complex and interactive visualizations. Here’s a step-by-step guide on how to do it:
- Create the drawing to be embedded: Create another Excalidraw drawing that you want to embed into the first drawing. This can be a separate file or a new drawing within the same file. or
- Export the drawing to be embedded as an SVG: Go to the drawing you want to embed and export it as an SVG file. You can do this by clicking on the “Export” button and selecting “SVG” as the file type.
- Or add
excalidraw-autoexportset tosvgto properties/front
- Or add
- Insert the SVG into the container drawing: Go back to the container drawing and insert the exported SVG file into it. You can do this by dragging and dropping the SVG file into the drawing or by using the “Insert” menu.
- Resize and position the embedded drawing: Resize and position the embedded drawing as needed within the container drawing. You can use the resize handles to adjust the size and the move tool to position it.
- Link the embedded drawing (optional): If you want to make the embedded drawing interactive, you can add a link to it. This will allow users to click on the embedded drawing and open it in a new tab or window.
Tips and Variations:
- Use the “Embed” feature: Instead of exporting the drawing as an SVG, you can use the “Embed” feature in Excalidraw to embed the drawing directly into the container drawing. This will allow you to edit the embedded drawing in place.
- Use a template: You can create a template for the embedded drawing and use it to create multiple instances of the same drawing within the container drawing.
- Use Excalidraw Automate: You can use Excalidraw Automate to automate the process of embedding drawings and creating templates.
- Use Obsidian: If you are using Obsidian, you can use the Obsidian-Excalidraw plugin to embed Excalidraw drawings into your notes and create interactive visualizations.