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.
The menu bar is the series of menus running across the top-left of the editor’s title bar. Clicking File, Edit, Layer, Select, View, Window, or Help opens a dropdown with clickable actions. To the right of each row in the dropdown you will find its keyboard shortcut, if one exists.
Keyboard shortcuts are displayed to the right of every menu action. Taking a moment to memorize even a handful of frequently used shortcuts — Undo, Save, Group, Zoom to Fit — will meaningfully speed up your editing sessions. On macOS, Ctrl is replaced by ⌘ throughout.
App Button
The app button appears as the Graphite logo at the far left of the title bar. Clicking it opens the Graphite website home page.
File
The File menu lists actions related to file handling.
| Action | Description |
|---|
| New… | Opens the New Document dialog for creating a blank canvas in a new editor tab. Options include Name (the initial filename), Infinite Canvas (skips the initial artboard for a boundless canvas), and Dimensions (width and height in pixels of the initial artboard, ignored when Infinite Canvas is ticked). |
| Open… | Opens the operating system file picker dialog for selecting a .graphite file from disk to be opened in a new editor tab. |
| Open Demo Artwork… | Opens the Demo Artwork dialog for loading a choice of premade sample artwork files. Click the button below each image to open it. |
| Close | Closes the active document. If there are unsaved changes (indicated by * after the filename), you will be prompted to save or discard them. |
| Close All | Closes all open documents. You will be asked to confirm, as this discards unsaved changes in all open documents. |
| Save | Saves the active document by writing the .graphite file to disk. A browser download dialog may appear. To overwrite an existing file, choose the same filename in the dialog. |
| Import… | Opens the operating system file picker dialog for selecting an image file to be placed as a new bitmap image layer or SVG content into the active document. |
| Export… | Opens the Export dialog. Choose a File Type (PNG, JPG, or SVG), a Scale Factor (e.g., 2 doubles the pixel dimensions), and Bounds (All Artwork, Selection, or a named Artboard). |
| Preferences… | Opens the Editor Preferences dialog for configuring Graphite’s application-wide settings. |
Edit
The Edit menu lists actions related to the editing workflow.
| Action | Description |
|---|
| Undo | Steps back in the history of changes in the active document. |
| Redo | Steps forward in the history of changes in the active document. |
| Cut | Copies the selected layer(s) to the clipboard, then deletes them. |
| Copy | Copies the selected layer(s) to the clipboard. |
| Paste | Pastes the copied layer(s) from the clipboard into the document, placing them directly above the selected layer or at the base of the folder structure. In the web version, your browser will request clipboard permission; using CtrlV (macOS: ⌘V) works without that permission. |
| Duplicate | Creates a copy of the selected layer(s) directly above their originals in the layer stack. |
| Delete | Removes all selected layers and folders. |
| Convert to Infinite Canvas | Replaces all artboards in the document with standard layers. With no artboards remaining, the document becomes an infinite canvas. |
Layer
The Layer menu lists actions related to the layers within a document.
| Action | Description |
|---|
| New | Creates a new layer in the active document, placed directly above the selected layer or at the base of the folder structure. |
| Group | Creates a new folder in place of the selected layer(s) and moves them into it. |
| Ungroup | Removes the selected folder(s), moving their contents up one level in the layer stack. |
| Hide/Show | Toggles visibility of the selected layer(s), including or excluding them from rendering. |
| Lock/Unlock | Toggles the locked state of the selected layer(s), preventing them from being selected by tools in the viewport. |
| Grab | Begins moving (translating) the selected layer(s) with cursor movement. Lock to an axis with X or Y; type a pixel distance with number keys. Confirm with left click or Enter; cancel with right click or Esc. |
| Rotate | Begins rotating the selected layer(s) around their pivot point. Type an angle value in degrees with number keys. Confirm with left click or Enter; cancel with right click or Esc. |
| Scale | Begins scaling the selected layer(s) around their pivot point. Lock to an axis with X or Y; type a scale multiplier with number keys. Confirm with left click or Enter; cancel with right click or Esc. |
| Arrange > Raise to Front | Reorders the selected layer(s) above all others within their same folder(s). |
| Arrange > Raise | Reorders the selected layer(s) up by one in the layer stack. |
| Arrange > Lower | Reorders the selected layer(s) down by one in the layer stack. |
| Arrange > Lower to Back | Reorders the selected layer(s) below all others within their same folder(s). |
| Arrange > Reverse | Swaps the positions of the selected layers from top to bottom. Reversal applies among each set of selected sibling layers (those sharing a parent). |
| Align > Align Left | Moves the selected layer(s) so their left edges align with the leftmost edge of the selection’s bounding box. |
| Align > Align Horizontal Center | Moves the selected layer(s) so their horizontal centers align with the horizontal center of the selection’s bounding box. |
| Align > Align Right | Moves the selected layer(s) so their right edges align with the rightmost edge of the selection’s bounding box. |
| Align > Align Top | Moves the selected layer(s) so their top edges align with the topmost edge of the selection’s bounding box. |
| Align > Align Vertical Center | Moves the selected layer(s) so their vertical centers align with the vertical center of the selection’s bounding box. |
| Align > Align Bottom | Moves the selected layer(s) so their bottom edges align with the bottommost edge of the selection’s bounding box. |
| Flip > Flip Horizontal | Reflects the selected layer(s) horizontally within the selection’s bounding box. |
| Flip > Flip Vertical | Reflects the selected layer(s) vertically within the selection’s bounding box. |
| Turn > Turn -90° | Rotates the selected layer(s) a quarter turn counterclockwise about the selection’s bounding box center. |
| Turn > Turn 90° | Rotates the selected layer(s) a quarter turn clockwise about the selection’s bounding box center. |
| Boolean > Union | Combines all paths of the selected vector layer(s) while cutting out overlapping areas (including interiors of a single path). |
| Boolean > Subtract Front | Cuts overlapping areas out from the last of the selected vector layers. |
| Boolean > Subtract Back | Cuts overlapping areas out from the first of the selected vector layers. |
| Boolean > Intersect | Cuts away all but the overlapping areas shared by every path of the selected vector layer(s). |
| Boolean > Difference | Removes the overlapping areas shared by every path of the selected vector layer(s), leaving only the non-overlapping regions. |
| Make Path Editable | Applies a Path node to the selected vector layer, capturing the geometry after other nondestructive operations to enable direct modification by the Path and Pen tools. |
Select
The Select menu lists actions related to the selection of layers within a document.
| Action | Description |
|---|
| Select All | Selects all layers and folders in the document. |
| Deselect All | Deselects everything in the document. |
| Select Parent | Selects the parent folder(s) of the currently selected layer(s). |
| Previous Selection | Goes back to the previously selected set of layers or nodes in the selection history. The back button on the side of a mouse can also be used (not supported in Firefox). |
| Next Selection | Goes forward to the next selected set of layers or nodes in the selection history. The forward button on the side of a mouse can also be used (not supported in Firefox). |
View
The View menu lists actions related to the view of the canvas within the viewport.
| Action | Description |
|---|
| Tilt | Begins tilting the viewport angle based on mouse movement. Hold Shift while tilting to snap to 15° increments. Confirm with left click or Enter; cancel with right click or Esc. |
| Reset Tilt | Sets the viewport tilt angle back to 0°. |
| Zoom In | Narrows the view to the next whole zoom increment (e.g., 25%, 33.33%, 40%, 50%, 66.67%, 80%, 100%, 125%, 160%, 200%, …). |
| Zoom Out | Widens the view to the next whole zoom increment. |
| Zoom to Selection | Zooms and frames the viewport to the bounding box of the selected layer(s). |
| Zoom to Fit | Zooms and frames the viewport to fit all artboards, or all artwork if using infinite canvas. |
| Zoom to 100% | Zooms the viewport to 100% scale, matching the document and viewport pixel scales 1:1. |
| Zoom to 200% | Zooms the viewport to 200% scale, displaying artwork at twice the actual size. |
| Flip | Mirrors the viewport horizontally, flipping the view of the artwork until deactivated. |
| Rulers | Toggles visibility of the rulers along the top and left edges of the viewport. |
Window
The Window menu lists actions related to the visibility of workspace panels.
| Action | Description |
|---|
| Properties | Toggles visibility of the Properties panel on the upper-right side of the workspace. Used to inspect and edit the parameter values of selected layers or nodes. |
| Layers | Toggles visibility of the Layers panel on the lower-right side of the workspace. Used to organize and select the artboards and layers that form the structure of a document. |
| Data | Toggles visibility of the Data panel on the lower-left side of the workspace. Used to introspect data flow from the output of a selected node for technical debugging of node graph content. |
Help
The Help menu lists actions related to information about Graphite.
| Action | Description |
|---|
| About Graphite… | Opens the About Graphite dialog displaying release date and license information for the current editor version. |
| User Manual | Opens the Graphite user manual. |
| Donate to Graphite | Opens the Graphite development fund page where you can contribute financially to support ongoing development. |
| Report a Bug | Opens a page to file a new GitHub issue. |
| Visit on GitHub | Opens the Graphite GitHub repository. |
| Developer Debug | A section with developer-only diagnostic actions. General users can ignore this section. |