Inspiration · 11 tools

Interface design tools and UI labs

The canvases interfaces are designed on, plus labs that take popular UI patterns apart. Figma, Framer and Penpot cover the day-to-day work; the smaller labs and playbooks are useful when you need to see how a specific interaction or component state should behave.

Sort

Figma preview

FigmaInterface designA collaborative platform for designing and prototyping interfaces with your team.

Framer preview

FramerInterface designA visual canvas for designing and then publishing websites straight to the web.

make.design preview

make.designInterface designAn AI generator that turns written prompts into polished interface designs.

Penpot preview

PenpotInterface designAn open-source web design platform, built around SVG, that runs in the browser.

Spline preview

SplineInterface designBrowser-based 3D design software with built-in physics for interactive scenes.

interfacecraft.dev

Interface Craft preview

Interface CraftInterface designA collection of articles exploring the craft behind modern digital interfaces.

UI Labs preview

UI LabsInterface designA lab that takes apart animated UI components to show how they are built.

UIWTF preview

UIWTFInterface designA showcase of experimental interface patterns pushing what the web can do.

Lab01 preview

Lab01Interface designA collection of refined interface experiments published by a design studio.

design.dev preview

design.devInterface designAn AI-assisted editor for building and managing design tokens and systems.

UI Playbook preview

UI PlaybookInterface designA guide to the common states that UI components move through as you design them.