Drawing

Create a diagram, sketch an idea, or map a process

By @tldrawV0.2.0
{}
Errors
  • ValidationError: instance requires property "serializedDocument"

The Drawing block embeds tldraw, providing a complete drawing interface for embedding applications. Pen, eraser, shape, arrow, text, and several other illustration tools allow users to create diagrams, system maps, art, or anything else they can imagine. The block also supports dark and read-only modes.

The block periodically serializes tldraw's document format and calls the Graph Service's updateEntity method to store it on the block's entity in the embedding application's storage.

Ready to build your own blocks?

Anyone can contribute

Anyone can create blocks and contribute to this growing, open-source registry of blocks. Read our quickstart guide to start building your own blocks.

Read the quickstart guide
We're hiring full-stack TypeScript/React developers to build blocks full-time, and grow theBlock Protocol ecosystem.Learn more