fork/Graphite
1
0
Fork 0
mirror of https://github.com/GraphiteEditor/Graphite.git synced 2026-09-15 14:18:04 +08:00
Code Issues Packages Projects Releases Wiki Activity

Update the roadmap on the website

Browse Source
This commit is contained in:
Keavon Chambers
2026-08-28 23:01:48 -07:00
parent 3bb6aa97b9
commit ff2afbccda
1 changed files with 227 additions and 211 deletions
Download Patch File Download Diff File Expand all files Collapse all files

438
website/content/features.md
View File

@@ -73,7 +73,7 @@ Marrying vector and raster under one roof enables both art forms to complement e
<h3>— Pre-Alpha —</h3>
</div>
<div class="feature-icon complete" title="Development Complete">
<img class="atlas" style="--atlas-index: 1" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<img class="atlas" style="--atlas-index: 1" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Editor systems; basic vector art tools</span>
</div>
<!-- Alpha 1 -->
@@ -81,7 +81,7 @@ Marrying vector and raster under one roof enables both art forms to complement e
<h3>— Alpha 1 —</h3>
</div>
<div class="feature-icon complete" title="Development Complete">
<img class="atlas" style="--atlas-index: 2" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<img class="atlas" style="--atlas-index: 2" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Better tools; node graph prototyping</span>
</div>
<!-- Alpha 2 -->
@@ -89,7 +89,7 @@ Marrying vector and raster under one roof enables both art forms to complement e
<h3>— Alpha 2 —</h3>
</div>
<div class="feature-icon complete" title="Development Complete">
<img class="atlas" style="--atlas-index: 6" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<img class="atlas" style="--atlas-index: 6" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Node graph integration in documents</span>
</div>
<!-- Alpha 3 -->
@@ -97,319 +97,335 @@ Marrying vector and raster under one roof enables both art forms to complement e
<h3>— Alpha 3 —</h3>
</div>
<div class="feature-icon complete" title="Development Complete">
<img class="atlas" style="--atlas-index: 8" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<img class="atlas" style="--atlas-index: 8" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Procedural vector editing and usability</span>
</div>
<!-- Alpha 4 -->
<div class="feature-icon ongoing heading" data-year="2025–">
<div class="feature-icon complete heading" data-year="2025">
<h3>— Alpha 4 —</h3>
</div>
<div class="feature-icon complete" title="Development Complete">
<img class="atlas" style="--atlas-index: 46" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<span>Parametric animation</span>
<img class="atlas" style="--atlas-index: 66" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Performance, animation, desktop RC1</span>
</div>
<!-- Alpha 5 -->
<div class="feature-icon complete heading" data-year="2026">
<h3>— Alpha 5 —</h3>
</div>
<div class="feature-icon complete" title="Development Complete">
<img class="atlas" style="--atlas-index: 58" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<span>Instancer nodes for looped generation</span>
<img class="atlas" style="--atlas-index: 13" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>More robust path boolean operations</span>
</div>
<div class="feature-icon complete" title="Development Complete">
<img class="atlas" style="--atlas-index: 59" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<span>Enhanced Pen, Path, and Shape tools</span>
</div>
<div class="feature-icon complete" title="Development Complete">
<img class="atlas" style="--atlas-index: 63" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<span>List-based graphical data format</span>
</div>
<div class="feature-icon complete" title="Development Complete">
<img class="atlas" style="--atlas-index: 67" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<span>Data panel for graphical introspection</span>
</div>
<div class="feature-icon complete" title="Development Complete">
<img class="atlas" style="--atlas-index: 13" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<span>Layer clipping masks</span>
</div>
<div class="feature-icon complete" title="Development Complete">
<img class="atlas" style="--atlas-index: 12" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<span>GPU acceleration infrastructure</span>
</div>
<div class="feature-icon complete" title="Development Complete">
<img class="atlas" style="--atlas-index: 66" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<span>All-around performance optimizations</span>
</div>
<div class="feature-icon complete" title="Development Complete">
<img class="atlas" style="--atlas-index: 73" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<img class="atlas" style="--atlas-index: 73" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Blend tool to morph between shapes</span>
</div>
<div class="feature-icon complete" title="Development Complete">
<img class="atlas" style="--atlas-index: 24" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<span>Dockable panels and tab reordering</span>
<img class="atlas" style="--atlas-index: 51" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Richly-styled tooltips and UI polish</span>
</div>
<div class="feature-icon ongoing" title="Development Ongoing">
<img class="atlas" style="--atlas-index: 9" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<div class="feature-icon complete" title="Development Complete">
<img class="atlas" style="--atlas-index: 9" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Custom attributes for list data</span>
</div>
<div class="feature-icon complete" title="Development Complete">
<img class="atlas" style="--atlas-index: 48" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Vector mesh editing and rendering</span>
</div>
<div class="feature-icon complete" title="Development Complete">
<img class="atlas" style="--atlas-index: 24" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Dockable panels and tab reordering</span>
</div>
<div class="feature-icon complete" title="Development Complete">
<img class="atlas" style="--atlas-index: 74" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Offline caching and installable PWA</span>
</div>
<div class="feature-icon complete" title="Development Complete">
<img class="atlas" style="--atlas-index: 67" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Embedded resource management</span>
</div>
<div class="feature-icon complete" title="Development Complete">
<img class="atlas" style="--atlas-index: 63" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Item/list graph data flow ergonomics</span>
</div>
<div class="feature-icon ongoing" title="Development Ongoing">
<img class="atlas" style="--atlas-index: 17" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<img class="atlas" style="--atlas-index: 17" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Stable document format</span>
</div>
<div class="feature-icon ongoing" title="Development Ongoing">
<img class="atlas" style="--atlas-index: 7" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<span>Desktop app <a href="/#desktop-first-and-web-ready">release candidates</a></span>
<img class="atlas" style="--atlas-index: 10" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Improved imaging model data format</span>
</div>
<!-- Beta 1 -->
<div class="feature-icon heading" data-year="Early 2026">
<h3>— Beta 1 —</h3>
<div class="feature-icon ongoing" title="Development Ongoing">
<img class="atlas" style="--atlas-index: 5" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>New and improved brush tool</span>
</div>
<div class="feature-icon ongoing" title="Development Ongoing">
<img class="atlas" style="--atlas-index: 43" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Stylus drawing with pressure and tilt</span>
</div>
<div class="feature-icon ongoing" title="Development Ongoing">
<img class="atlas" style="--atlas-index: 7" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Desktop app <a href="/#desktop-first-and-web-ready">release candidates</a> RC2-6</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 7" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<span>Desktop app release and 1.0 launch</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 51" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<span>Context menus throughout the editor</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 40" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<span>Simplified main properties panel</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 64" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<span>Node version management</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 53" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<span>Local fonts access</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 54" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<span>Saving over local files (web version)</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 41" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<span>Timeline panel for animation curves</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 62" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<span>Nested documents as custom nodes</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 56" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<span>Variables and color swatches</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 10" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<span>Expanded imaging model data format</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 28" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<img class="atlas" style="--atlas-index: 28" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Physical measurement units</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 12" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<span>GPU-accelerated raster rendering</span>
<img class="atlas" style="--atlas-index: 51" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Context menus throughout the editor</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 65" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<span>Text-on-path tool support</span>
<img class="atlas" style="--atlas-index: 53" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Local fonts access</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 3" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<img class="atlas" style="--atlas-index: 3" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Per-glyph text style controls</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 48" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<span>Robust vector mesh editing/rendering</span>
<img class="atlas" style="--atlas-index: 65" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Text-on-path tool support</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 50" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<img class="atlas" style="--atlas-index: 41" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Timeline panel for animation curves</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 56" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Color palette panel</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 12" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>GPU-accelerated raster rendering</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 50" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Nondestructive shape builder tool</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 71" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<img class="atlas" style="--atlas-index: 59" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Vector path editing UX polish</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 40" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Simplified main properties panel</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 71" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Automatic image trace vectorization</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 11" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<span>Broader SVG support including filters</span>
<img class="atlas" style="--atlas-index: 32" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Basic support for PDF export</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 45" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<span>Parametric art standalone export</span>
<img class="atlas" style="--atlas-index: 7" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Desktop app release and 1.0 launch</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 5" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<span>New and improved brush tool</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 43" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<span>Stylus and touch interaction</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 70" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<span>MIDI and audio-reactive visualization</span>
</div>
<!-- Beta 2 -->
<!-- Beta 1 -->
<div class="feature-icon heading" data-year="2027">
<h3>— Beta 2 —</h3>
<h3>— Beta 1 —</h3>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 52" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<span>Command palette</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 68" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<span>Onion skinning mode for animation</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 69" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<span>Animatable deformation meshes/rigs</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 72" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<span>Simulation domains</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 57" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<img class="atlas" style="--atlas-index: 57" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Signed distance field rendering</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 14" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<span>Procedural PBR material generation</span>
<img class="atlas" style="--atlas-index: 11" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Broader SVG support including filters</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 16" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<span>Code editor for custom nodes</span>
<img class="atlas" style="--atlas-index: 21" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Selection tools and marquee masking</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 34" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<span>Asset libraries and node marketplace</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 27" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<span>Automation/batch processing tools</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 24" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<span>Multiple adjacent document panels</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 40" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<span>Tear-out panels as separate windows</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 21" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<span>Select mode (marquee masking)</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 0" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<img class="atlas" style="--atlas-index: 0" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Raster adjustments, filters, and effects</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 25" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<img class="atlas" style="--atlas-index: 25" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Liquify and warp transforms</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 19" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<img class="atlas" style="--atlas-index: 56" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Variables and live color swatches</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 16" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Code editor for custom nodes</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 64" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Node version management</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 62" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Nested documents as custom nodes</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 54" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Saving over local files (web version)</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 31" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Advanced typesetting features</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 55" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>CMYK, spot color, and ICC profiles</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 33" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>HDR and WCG color handling</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 45" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Parametric art standalone export</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 52" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Command palette</span>
</div>
<!-- Beta 2 -->
<div class="feature-icon heading" data-year="2028">
<h3>— Beta 2 —</h3>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 18" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Document history management</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 39" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Offline edit resolution with CRDTs</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 22" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>History brush and clone stamp tools</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 68" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Onion skinning mode for animation</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 69" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Animatable deformation meshes/rigs</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 46" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Real-time interaction persistence</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 70" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>MIDI and audio-reactive visualization</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 72" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Simulation domains</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 14" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Procedural PBR material generation</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 19" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Raw photo processing</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 20" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Procedural styling of paint brushes</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 34" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Asset libraries and node marketplace</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 27" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Automation/batch processing tools</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 24" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Multiple adjacent document panels</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 40" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Tear-out panels as separate windows</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 38" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Multiplayer collaborative editing</span>
</div>
<!-- LTS Releases -->
<div class="feature-icon heading" data-year="Future">
<h3>— LTS Releases —</h3>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 31" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<span>Advanced typesetting features</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 32" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<span>PDF, EPS, AI, DXF, PSD, and TIFF</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 55" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<span>CMYK, spot color, and ICC profiles</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 33" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<span>HDR and WCG color handling</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 4" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<span>Outliner panel (node graph tree view)</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 18" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<span>Document history management</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 39" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<span>Offline edit resolution with CRDTs</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 22" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<span>History brush and clone stamp tools</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 23" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<img class="atlas" style="--atlas-index: 23" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Internationalization and accessibility</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 49" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<img class="atlas" style="--atlas-index: 32" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Import: PDF, EPS, AI, DXF, PSD, TIFF</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 4" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Outliner panel (node graph tree view)</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 49" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Neural nodes/tools like Magic Wand</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 20" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<span>Procedural styling of paint brushes</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 60" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<img class="atlas" style="--atlas-index: 60" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Infinite generative vector patterns</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 29" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<img class="atlas" style="--atlas-index: 29" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Geometric constraint system solver</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 30" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<img class="atlas" style="--atlas-index: 30" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Responsive design layout solver</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 61" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<img class="atlas" style="--atlas-index: 61" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Authoring animated SVGs, Lottie, etc.</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 42" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<img class="atlas" style="--atlas-index: 58" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Tracking, keying, and rotoscoping tools</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 42" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Live video stream compositing</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 44" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<img class="atlas" style="--atlas-index: 44" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Tablet app and keyboard-free controls</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 26" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<img class="atlas" style="--atlas-index: 26" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Media collection manager/browser</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 37" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<img class="atlas" style="--atlas-index: 37" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Cloud document storage/device sync</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 38" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<span>Multiplayer collaborative editing</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 35" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<img class="atlas" style="--atlas-index: 35" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Predictive graph rendering/caching</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 36" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<img class="atlas" style="--atlas-index: 36" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Multi-device distributed rendering</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 15" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<img class="atlas" style="--atlas-index: 15" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span>Hosted rendering accelerator service</span>
</div>
<div class="feature-icon">
<img class="atlas" style="--atlas-index: 47" src="https://static.graphite.art/icons/icon-atlas-roadmap__5.png" alt="" />
<img class="atlas" style="--atlas-index: 47" src="https://static.graphite.art/icons/icon-atlas-roadmap__6.png" alt="" />
<span><em>…and that's all just the beginning…</em></span>
</div>
</div>
@@ -424,7 +440,7 @@ Marrying vector and raster under one roof enables both art forms to complement e
## Roadmap spotlight: keyframe animation
Coming early 2026, Graphite will expand its animation toolset beyond parametrically-driven motion to include traditional keyframe animation. The Timeline panel pictured below will let animators drive parameters using keyframes and curves through a traditional dopesheet interface.
Coming late 2026, Graphite will expand its animation toolset beyond parametrically-driven motion to include traditional keyframe animation. The Timeline panel pictured below will let animators drive parameters using keyframes and curves through a traditional dopesheet interface.
Node parameters can be set to a constant value in the Properties panel, exposed to the graph for procedural animation, or exposed to a channel in the upcoming Timeline panel for hand-authored keyframing.