Graphite runs entirely in your browser as a WebAssembly application at editor.graphite.art — no download, no account, and no installation required. You can jump straight into creating vector artwork right now. If you prefer a native experience, a desktop app is also in development and approaching its first release candidates, but the web version is the fastest way to get started today.Documentation Index
Fetch the complete documentation index at: https://mintlify.com/GraphiteEditor/Graphite/llms.txt
Use this file to discover all available pages before exploring further.
Create your first vector illustration
Open the editor
Navigate to https://editor.graphite.art in a modern browser (Chrome or a Chromium-based browser is recommended for best compatibility). The welcome screen will appear with options to start a new document or open demo artwork.
Create a new document or open a demo
To start from scratch, choose File → New from the menu bar (or press the New Document button on the welcome screen). To explore an existing composition first, pick any of the demo artworks listed on the welcome screen — they open as full, editable documents complete with their node graphs intact.
Draw a shape with the Rectangle or Ellipse tool
Select the Rectangle tool (keyboard shortcut M) or the Ellipse tool (E) from the tool shelf on the left side of the editor. Click and drag on the canvas to draw your shape. Hold Shift while dragging to constrain the shape to a perfect square or circle. Once drawn, the shape appears as a new layer in the Layers panel on the right.For a more organic shape, switch to the Pen tool (P) and click to place anchor points, forming a custom path.
Apply a fill color
With your shape selected using the Select tool (V), look at the tool controls bar running below the menu bar at the top of the editor. You will find fill and stroke color swatches there. Click the fill swatch to open the color picker and choose a color for your shape.Alternatively, select the Fill tool (F) from the tool shelf and click directly on the shape in the canvas to apply or change its fill color. You can choose between a solid color, a linear gradient, or a radial gradient.
Open the node graph to see the procedural pipeline
Press CtrlSpace to toggle the node graph panel open. You will see the nodes that make up your shape — typically a Path or Shape node feeding into a Fill node, which then connects to the layer output. This is the procedural description of everything you have drawn so far.Try clicking any node to see its parameters in the Properties panel on the right. Changes you make here update the artwork on the canvas instantly. Press CtrlSpace again to return to the full canvas view.
Export your artwork
When you are ready to save your work, choose File → Export from the menu bar. Graphite can export your document as a PNG, JPG, or SVG file. Set your desired resolution (for PNG/JPG) or leave it as a scalable SVG, then click Export to download the file to your computer.To save the Graphite document itself for future editing, use File → Save (or CtrlS) to download a
.graphite file you can reopen later.What to explore next
Now that you have created your first artwork, here are the best places to deepen your knowledge of Graphite:Interface Overview
A detailed guide to every panel, toolbar, and UI region in the editor.
Tools
Explore the full set of drawing, selection, and editing tools available.
Node Graph
Go deeper into the procedural engine powering every document in Graphite.
Vector Illustration Workflow
A step-by-step walkthrough of a complete vector illustration project.