Drawings Are Here

You can add drawings to your problem statements and editorials within Drafts. For illustrations, the only option you had was to draw it externally and upload it as an image.

Now, you have two more options:

  • D2
  • Excalidraw

With Excalidraw, you can draw beautiful diagrams with a hand-drawn feel right from within Drafts.

Excalidraw on Drafts
Excalidraw on Drafts

With D2, you can use a declarative scripting language to describe your diagram. Based on that, the D2 engine will produce an SVG image.

dogs -> cats -> mice: chase
replica 1 <-> replica 2
a -> b: To err is human, to moo bovine {
  source-arrowhead: 1
  target-arrowhead: * {
    shape: diamond
  }
}
D2 Diagrams

You can learn more about the D2 scripting language here.

Give it a try on Drafts, and share your feedback with us.

We thank the authors of D2 and Excalidraw for the wonderful pieces of software.


December 24, 2022

Discussion