Skip to content
Excalidraw templates

Two-box hand-drawn flow

Minimal Excalidraw JSON — two rectangles and an arrow, sketchy rough-pen rendering.

Template previewExcalidraw
Rendering…

Make it your own.

{
  "type": "excalidraw",
  "version": 2,
  "source": "https://www.flowss.ai",
  "elements": [
    {
      "id": "a",
      "type": "rectangle",
      "x": 80, "y": 100, "width": 160, "height": 80,
      "strokeColor": "#1971c2", "backgroundColor": "#a5d8ff",
      "fillStyle": "hachure", "strokeWidth": 2, "roughness": 1.5,
      "boundElements": [{ "type": "text", "id": "at" }, { "type": "arrow", "id": "ar" }]
    },
    { "id": "at", "type": "text", "x": 100, "y": 130, "width": 120, "height": 24,
      "text": "Idea", "fontSize": 20, "fontFamily": 1, "strokeColor": "#1864ab",
      "containerId": "a" },
    {
      "id": "b",
      "type": "rectangle",
      "x": 360, "y": 100, "width": 160, "height": 80,
      "strokeColor": "#2f9e44", "backgroundColor": "#b2f2bb",
      "fillStyle": "hachure", "strokeWidth": 2, "roughness": 1.5,
      "boundElements": [{ "type": "text", "id": "bt" }, { "type": "arrow", "id": "ar" }]
    },
    { "id": "bt", "type": "text", "x": 380, "y": 130, "width": 120, "height": 24,
      "text": "Ship it", "fontSize": 20, "fontFamily": 1, "strokeColor": "#2b8a3e",
      "containerId": "b" },
    { "id": "ar", "type": "arrow",
      "x": 240, "y": 140, "width": 120, "height": 0,
      "strokeColor": "#1c7ed6", "strokeWidth": 2, "roughness": 1.8,
      "startBinding": { "elementId": "a" }, "endBinding": { "elementId": "b" },
      "points": [[0,0],[120,0]] }
  ],
  "appState": { "viewBackgroundColor": "#ffffff" },
  "files": {}
}