Open-source vector editor with node-based, nondestructive workflows and a live web app.
What is Graphite?
Open-source vector editor with node-based, nondestructive workflows and a live web app. See it in our Design Tools collection.
Key benefits
- Graphite helps you design or prototype interfaces faster than starting from scratch.
- Graphite supports modern product design workflows, from early exploration through handoff.
- Teams can use Graphite alongside tools like Figma, Webflow, or Framer for a more complete design stack.
Use cases
- Using Graphite during early sketching and wireframing for a new product or feature.
- Relying on Graphite to maintain design systems, component libraries, or tokens.
- Pairing Graphite with your dev stack so handoff to engineering is smoother.
About Graphite
Graphite is an open-source vector editor that blends traditional design workflows with a nondestructive, node-based pipeline. It runs in the browser and focuses on procedural graphics, letting you reuse operations, tweak parameters, and keep designs editable without destructive edits. The interface feels closer to a modern design tool than a developer utility, but the underlying graph makes it powerful for repeatable assets and experiments. It is actively developed in the open, with a clear roadmap and a thriving community of contributors. If you want a lightweight, open alternative for vector work and creative systems, Graphite is worth exploring.
Sources & further reading
- vector-editor
- procedural-design
- node-graph
- open-source
- web-app
Similar resources in Design Tools
More design tools to explore.
Comments