Figma-lite: a browser-based design tool by ToanKhonTech

Draw frames, rectangles, ellipses, lines, text and pen paths on an infinite canvas. Layers with drag-to-reorder, smart guides with distance measurements, auto layout, grouping, undo and redo, autosave, share links and PNG or SVG export — all in one HTML file. Designed and built by ToanKhonTech.

Drafts/

Figma-lite

Version 1.0 · one HTML file, no frameworks, no build step

A small but real design tool for the browser: frames, shapes, text and pen paths on an infinite canvas, with layers, smart guides, auto layout, 100 undo steps and PNG/SVG export. Everything is drawn on a single canvas and runs at 60 fps with hundreds of layers.

Your file is autosaved in this browser. Share links carry a compressed copy of the file inside the URL, so nothing is uploaded to a server.

Designed and built by ToanKhonTech
built with Claude Opus 5.5 · toankhontech.com

Independent project, inspired by Figma. Not affiliated with or endorsed by Figma, Inc.

Keyboard shortcuts