Render Rough.js Sketch
render_roughRender hand-drawn sketchy graphics using Rough.js as editable Figma nodes. Use for informal diagrams, whiteboard-style visuals, and creative playful graphics.
Instructions
Render hand-drawn / sketchy style graphics using Rough.js as editable Figma nodes.
Use for: informal diagrams, whiteboard-style visuals, creative/playful graphics. Available: rough (Rough.js), scratch div, plus a pre-created SVG element.
Write JS that uses rough.svg(svg) to draw shapes. They render with a hand-drawn aesthetic (hachure, cross-hatch, zigzag, dots fills).
IMPORTANT: All output is editable vector nodes in Figma.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| x | No | ||
| y | No | ||
| width | No | ||
| height | No | ||
| script | Yes | JavaScript using rough. Create SVG element, use rough.svg(svgEl) to draw shapes. | |
| parentId | Yes | Parent node (typically slide ID) |