All Articles

Complete list of help articles organized by category

Getting Started

Getting Started Overview Installation Interface Overview Create Your First Design The Canvas Tool Panel Layers Panel Properties Panel Save & Open Files Keyboard Shortcuts Nudge Settings Workspace Presets Sidebar Minimization Panel Tiers Minimap Navigation

Design Mode

Design Mode Overview Canvas Navigation Selection Rectangles Circles & Ellipses Polygons & Stars Text Basics Images Groups & Frames Responsive Constraints Auto Layout Alignment & Distribution Grids & Guides Combining Grids & Constraints Z-Order & Stacking Copy & Paste Properties Boolean Operations Masking Vector Networks Grid Layout Advanced Auto Layout Component Overrides Variable Bindings Device Mockups Focus View Multi-Page Design

Draw Mode

Draw Mode Overview Brushes Effects Variable-Width Strokes Shape Builder Text on Path

Sites Mode

Sites Mode Overview Publishing Sites Responsive Design

Make Mode

Make Mode Overview Introduction to Make Mode Getting Started AI Settings Generating Code Supported Frameworks Live Preview Best Practices Quality Modes Inspect Panel Workflow Tools

Buzz Mode

Buzz Mode Overview Introduction to Buzz Mode Working with Templates Editing Fields Editing Modes Exporting Assets Bulk Generation

MCP Integration v1.2.0

MCP Integration Overview Getting Started with MCP New Features (v1.2.0) Composite UI Tools Screen Templates Batch Operations Namespace System Iconify Icon Tools

Pixel Mode Under Development

Professional photo editing and raster painting with Photoshop-like tools. This feature is ~90% complete and coming soon. Learn more →

Pixel Brushes & Painting
Selection Tools
Color Adjustments
Filters & Effects
Retouching Tools
AI-Enhanced Tools

Whiteboard Mode New

FigJam-style brainstorming canvas with sticky notes, connectors, mind maps, tables, code blocks, and more. Learn more →

Sticky Notes Connectors & Arrows Drawing Tools Tables Code Blocks Mind Maps AI Chat Integration
Collaboration (Coming Soon)
Whiteboard Enhancements Whiteboard Templates

Tools

Tools Overview Pen Tool Pencil Tool Eyedropper Tool Line Tool Polygon & Star Arc Tool Arrow Tool Hand Tool Bend Tool Cut Tool Eraser Tool Lasso Tool Paint Bucket Scale Tool Section Tool Annotation Tool Measurement Tool

Layers & Organization

Layers Overview Layer Hierarchy Visibility & Locking Search & Filter

Properties & Styling

Properties Overview Color Picker Fills & Strokes Shadows & Effects Gradient Fills Patterns & Textures Blend Modes Corner Smoothing Stroke Position Pattern Transforms Recent Colors

Export & Sharing

Export Overview PNG & JPG Export SVG Export Slices Design Tokens Batch Export Export Preview PDF Export

Panels

Panels Overview AI Assistant Collaboration Client Review Mode Analytics Extensions Info View Code Preview Variables Styles Library Design System Dev Panel Grid Panel Components Auto Layout Prototyping Slices Advanced Text Video Properties GIF Frame Selector

Integrations

Integrations Overview MCP + Claude Desktop

Component Library

Component Library Overview iOS UIKit Components Material Design 3 Components Icon System & Icon Picker SVG Import & Export Component Variants Quick Insert (Shift+I)

Plugins

Plugins Overview Plugin Marketplace Iconify (200K+ Icons) Unsplash (Stock Photos) Content Reel (Fake Data) Remove BG (AI Background Removal) Chart Generator

Developers

Plugin Development Guide

Resources

Complete Keyboard Shortcuts Tutorials FAQ What's New Contact Us Send Feedback