24 KiB
+++ title = "Web-based vector graphics editor and design tool" template = "section.html"
[extra] css = ["index.css"] js = ["image-interaction.js", "video-embed.js"] +++
Redefining state‑of‑the‑art graphics editing
Graphite is an in-development vector and raster graphics editor that's free and open source. It is powered by a node graph compositor that fuses layers with nodes and brings a unique procedural approach to your 2D design workflow.
Red Dress — Illustration made with the help of procedurally placing hundreds of circles.
Valley of Spires — Vector art made with the Pen and Gradient tools without touching the node graph.
Procedural String Lights — Drawing of a tree adorned by reusable, auto-placed light bulbs along the wire path made using this node graph.
Design mockup for the work-in-progress raster editing pipeline. Some of these raster-specific nodes are not implemented yet, but will be soon!
Design mockup for the work-in-progress raster editing workflow. Some of the features shown here are not implemented yet, but will be soon!
Graphite today public alpha
Vector art editing
Node-based layers
Procedural graphic design workflow
Forever free and open source
Presently, Graphite is a lightweight offline web app with features primarily oriented around procedural vector graphics editing.
Graphite tomorrow
All-in-one creative tool for all things 2D
Clean, familiar, designer-centric UI
Multiplatform app for desktop + iPad
Live collaborative editing
One app to rule them all
Stop jumping between programs. Planned features will make Graphite a first-class design tool for all these disciplines. (Listed by priority.)
Graphic Design
Image Editing
Motion Graphics
Digital Painting
VFX Compositing
Desktop Publishing
Stay in the loop
Subscribe to the newsletter for quarterly updates on major development progress. And follow along—or join the conversation—on social media.
Thanks!
You'll receive your first newsletter email with the next major Graphite news.
Powerful proceduralism
Graphite is the first and only graphic design package to offer procedural vector editing.
Proceduralism lets you create sophisticated design elements that are easy to edit and reuse. The holiday string lights shown below are built from a simple group of nodes, allowing you to effortlessly reshape the wire and update the bulb appearance and spacing. Click here to explore this demo and try dragging the wire layer's points with the Path tool ().
Procedural String Lights
Open this artwork to
explore it yourself.
Graphite's procedural, data-driven approach to graphic design affords unique capabilities (while in alpha, these remain a work in progress):
Fully nondestructive editing with node-driven layers
Infinitely scalable raster content with no pixelation
Versatile modularity of node-based generative AI models
Procedural pipelines for studio production environments
Support the mission
You can help realize Graphite's ambitious vision of building the ultimate 2D creative tool. Graphite is built by a small, dedicated crew of volunteers in need of the resources to grow.
Taking shape
All you've come to expect from a professional vector graphics editor. Now readily accessible in your browser.
Make vector art out of shapes ranging from simple geometric primitives to complex Bézier curves.
Style shapes with strokes, fills, and gradients. Mix layers with blend modes. Then export as an image or SVG.
Watch this timelapse showing the process of mixing traditional vector art (tracing a physical sketch and colorizing it, first two minutes) with using Imaginate to generate a background (last 45 seconds).
(Recorded in an older version of Graphite from early 2023.)