Canvases and editors where the idea takes shape before it becomes code: interface tools, motion design, 3D and scanning, node-based generative tools and whiteboards.
- 39
- tools
- 7
- sections
Interface canvases
Where the interface gets shaped.
8- FigmaThe default for interface design, prototyping and handoff.
- FramerDesign and publish sites with real components and motion.
- PaperDesign canvas that works in real HTML and CSS.
- StitchGoogle Labs tool that turns prompts and sketches into UI and code.
- pen.devAgentic design canvas: import any app, design with models on it, export HTML back to code.
- PenpotOpen-source design tool built on web standards.
- Origami StudioMeta's tool for high-fidelity interaction prototypes.
- WebflowVisual development with a real CMS and interactions.
Motion design
Timelines and state machines, designed visually.
6- RiveInteractive, state-machine vector animation with tiny runtimes.
- JitterMotion design for UI, exported as video or Lottie.
- CavalryProcedural 2D animation for data, type and generative motion.
- Lottie CreatorBrowser-based editor for making and tweaking Lottie files.
- LottielabAnimate in the browser and export Lottie for product UI.
- Theatre.jsVisual timeline editor for code-driven animation.
3D & spatial
Modeling, scenes and simulation.
5- SplineCollaborative 3D design in the browser with web export.
- BlenderOpen-source 3D suite for modeling, rendering and animation.
- HoudiniProcedural 3D and VFX. Steep, and unmatched for simulation.
- WompFriendly browser 3D modeling built on soft, blobby shapes.
- BeziAI assistant inside the Unity Editor for code, shaders and debugging.
Scanning & splats
Capture the real world as meshes and Gaussian splats.
6- Luma AITurn phone video into interactive 3D scenes.
- PolycamPhotogrammetry, LiDAR and splat capture on phone or web.
- KIRI Engine3D scanning app with photogrammetry and Gaussian splatting.
- RealityScanEpic's free app for turning photos into 3D models.
- SuperSplatOpen-source browser editor for cleaning and publishing splats.
- DepthkitVolumetric video capture for people and performances.
Node & generative
Visual programming for real-time graphics.
4- TouchDesignerNode-based real-time visuals for installations and live shows.
- cables.glBrowser-based node editor for WebGL, exportable to the web.
- NodesVisual programming that composes reusable code blocks into programs.
- BitspaceNode-based creative canvas for generative experiments.
Digital fashion
Garments simulated in 3D.
3- CLOIndustry-standard 3D garment design and fitting.
- Marvelous DesignerCloth simulation for characters, games and film.
- Style3D3D fashion design and digital sampling platform.
Whiteboards
Infinite canvases for flows and systems.
7- tldrawInfinite canvas, and an SDK for building your own.
- ExcalidrawHand-drawn diagrams with encrypted sharing.
- FigJamFigma's whiteboard for workshops and flows.
- MuseSpatial canvas for thinking with notes, PDFs and images.
- WhimsicalFast flowcharts, wireframes and mind maps.
- EraserDiagrams as code for architecture docs.
- MiroLarge collaborative canvas with templates.