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.
- 40
- 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.
- StitchnewGoogle Labs tool that turns prompts and sketches into UI and code.
- pen.devnewAgentic 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.
- CavalrynewProcedural 2D animation for data, type and generative motion.
- Lottie CreatornewBrowser-based editor for making and tweaking Lottie files.
- LottielabnewAnimate in the browser and export Lottie for product UI.
- Theatre.jsVisual timeline editor for code-driven animation.
3D & spatial
Modelling, scenes and simulation.
5- SplineCollaborative 3D design in the browser with web export.
- BlenderOpen-source 3D suite for modelling, rendering and animation.
- HoudininewProcedural 3D and VFX. Steep, and unmatched for simulation.
- WompnewFriendly browser 3D modelling built on soft, blobby shapes.
- BezinewAI assistant inside the Unity Editor for code, shaders and debugging.
Scanning & splats
Capture the real world as meshes and Gaussian splats.
6- Luma AInewTurn phone video into interactive 3D scenes.
- PolycamnewPhotogrammetry, LiDAR and splat capture on phone or web.
- KIRI Enginenew3D scanning app with photogrammetry and Gaussian splatting.
- RealityScannewEpic's free app for turning photos into 3D models.
- SuperSplatnewOpen-source browser editor for cleaning and publishing splats.
- DepthkitnewVolumetric video capture for people and performances.
Node & generative
Visual programming for real-time graphics.
5- TouchDesignernewNode-based real-time visuals for installations and live shows.
- cables.glnewBrowser-based node editor for WebGL, exportable to the web.
- NodeToynewNode-based shader editor that exports to Three.js.
- NodesnewVisual programming that composes reusable code blocks into programs.
- BitspacenewNode-based creative canvas for generative experiments.
Digital fashion
Garments simulated in 3D.
3- CLOnewIndustry-standard 3D garment design and fitting.
- Marvelous DesignernewCloth simulation for characters, games and film.
- Style3Dnew3D 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.
- MusenewSpatial 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.