DESIGN INTERFACES VISUALLY
A vector design editor powered by Fabric.js with multi-page support, prototyping, commenting, and AI integration. Create interfaces with Figma-like tools, manage layers, and export to Vue, React, Tailwind, SVG, and more.
UI DESIGNER: CAPABILITIES
Vector Canvas
Fabric.js-powered infinite canvas with zoom, pan, and precision tools
Layers Panel
Tree view with drag-drop reordering, visibility, and lock controls
Properties Inspector
Full control over position, size, fill, stroke, shadows, and effects
Gradient Editor
Linear and radial gradients with multi-stop color picker
Text Styling
Google Fonts integration with full text styling options
Nested Groups
Group objects together, nest groups, manage hierarchy
Smart Guides
Snap-to-grid, rulers, smart guides, and object snapping
Corner Control
Individual corner radius control like Figma
Drop Shadows
Multiple shadows with blur, spread, and offset
Undo History
Full undo/redo with unlimited history stack
Multi Clipboard
Store multiple items, paste from history, cross-space clipboard
Batch Selection
Select multiple objects, transform together
Multi-Page
Multiple pages per design with page navigation bar
Prototyping
Interactive prototype mode with component instances
Commenting
Pin comments on canvas with markers and popovers
AI Design
AI agents can create and modify design elements
DRAWING: TOOLS
Press the key to quickly switch tools.
Select
V
Screen
F
Rectangle
R
Ellipse
O
Text
T
Pen
P
Line
L
Arrow
A
Polygon
G
Star
S
Hand
H
KEYBOARD: SHORTCUTS
Work faster with keyboard shortcuts.
OUTPUT: EXPORT FORMATS
Export your designs to code or images.
SVG
Scalable vector graphics
PNG
1x, 2x, 3x raster export
CSS
Class-based styles
HTML
Semantic markup
Vue SFC
Vue 3 component
React JSX
React component
Tailwind
Utility classes
JSON
Raw node data
READY: GET EARLY ACCESS
Join the waitlist and be first to try UI Designer.