Create a frame (screen, section, card, container). Automatically applies auto-layout with design-intelligent defaults.

Create text with design-intelligent typography. Font weight is auto-resolved (e.g. "bold" → "Bold", "600" → "Semi Bold").

Create a rectangle shape.

Create a circle or oval.

Create a line or divider.

Create a vector graphic from SVG markup. Use for icons, logos, illustrations.

Create a reusable component from the current selection or a new frame.

Instantiate an existing component.

Combine component variants into a variant set.

Create a design-intelligent component with proper auto-layout, padding, and sizing. Uses component intelligence defaults.

Configure auto-layout on a frame. All spacing is 8px grid-snapped.

Create a design-intelligent page section (hero, features, pricing, CTA, testimonials, FAQ, footer, stats, logos, comparison, team).

Create a complete page design with multiple sections. Design-intelligent layout, spacing, and typography throughout.

Create a data table with headers, rows, and proper spacing.

Create a form layout with labeled inputs, validation states, and submit button.

Create a navigation bar with logo, links, and CTA button.

Create a grid of cards with proper spacing and alignment.

Create a sidebar + main content layout with proper proportions.

Create a page footer with columns, links, and copyright.

Create a page header/hero with heading, subheading, and CTA.

Modify properties of any existing node.

Set fill on a node. Supports solid, linear gradient, radial gradient, and multiple fills.

Add border/stroke to a node.

Add shadows, blur, or background blur effects.

Set an image fill on a node from URL.

Apply mixed styling within a text node. Style specific character ranges differently.

Set responsive constraints on a node.

Remove a node from the canvas.

Move a node into a different parent frame.

Duplicate a node.

Group multiple nodes together.

Ungroup a group node.

Resize a node with optional constraint preservation.

Align multiple nodes relative to each other.

Set corner radius with per-corner control.

Set node opacity.

Set blend mode.

Toggle clip content on a frame.

Rename a node.

Lock/unlock a node.

Show/hide a node.

Change z-order of a node.

Set how a child behaves in auto-layout.

Flatten a node into a single vector.

Rotate a node.

Draw custom vector paths using SVG-like path data.

Perform boolean operations on shapes.

Create a regular polygon.

Create a star shape.

Offset/expand a vector path.

Create an arrow shape.

Create a common UI icon from built-in set.

Create a horizontal or vertical divider line.

Get the currently selected nodes with full properties.

Get the full page layer tree with types, names, and hierarchy.

Get detailed properties of a specific node including fills, effects, auto-layout, and text styles.

Get detailed properties of multiple nodes.

Search for nodes by name, type, or properties.

Get all local paint, text, and effect styles in the file.

Get all local variable collections and variables.

List all components in the file.

List all pages in the document.

Get document name, pages, and metadata.

Select nodes and optionally scroll viewport to them.

Focus viewport on a specific node.

Get all annotations/comments on the document or a specific node.

Create or update an annotation with markdown support.

Get all fonts available in the Figma file.

Get CSS representation of a node (for developer handoff).

Extract all colors used in the current selection.

Measure distance between two nodes.

Create a design token collection with modes (e.g. Light/Dark).

Create a design variable/token.

Bind a variable to a node property.

List all variable collections and their variables.

Update a variable value.

Delete a variable.

Generate a complete design token system from a brand color. Creates color, spacing, radius, and typography collections.

Import design tokens from JSON (W3C Design Token format).

Export all design tokens as JSON, CSS custom properties, SCSS, or Tailwind config.

Switch the active mode on a variable collection.

Export a node as SVG markup.

Export a node as PNG.

Generate React + Tailwind code from a Figma node tree.

Generate design specifications document for developer handoff.

Batch export all exportable assets (icons, images) from a node tree.

Take a screenshot of the current canvas view or a specific node.

Copy CSS properties of a node to clipboard.

Generate a complete stylesheet from a design file.

Export all colors used as a palette.

Export all text styles as a typography system.

Export a complete inventory of all components with usage counts.

Export all spacing values used as a spacing token system.

Run a full accessibility audit on a node tree. Checks contrast, touch targets, font sizes, focus indicators.

Check color contrast ratio between two colors.

Auto-fix all touch targets below 44px in a node tree.

Run design lint rules: spacing consistency, naming conventions, color usage, font sizes, alignment.

Auto-fix all spacing values to nearest 8px grid value.

Check layer naming conventions. Flags generic names like "Frame 123", "Group 5".

AI-powered design improvement suggestions based on the design intelligence engine.

Validate a component follows design system rules.

Check for inconsistent colors, fonts, spacing, and radii across a design.

Generate a detailed accessibility compliance report.

Simulate color blindness on a design to check for issues.

Check if a design handles different viewport widths correctly.

Rename multiple nodes using a pattern.

Apply style changes to multiple nodes at once.

Find and replace text across multiple text nodes.

Replace a color across all nodes.

Resize multiple nodes.

Align multiple nodes.

Delete multiple nodes.

Duplicate multiple nodes.

Show/hide multiple nodes.

Lock/unlock multiple nodes.

Select all nodes of a specific type.

Remove all hidden layers from a node tree.

Change font family on all text nodes in a scope.

Round all dimensions, positions, and spacing to whole pixels.

Remove all strokes from nodes in a scope.

Remove all effects from nodes in a scope.

Set corner radius on all frames/rectangles in scope.

Scan a file and extract the implied design system: colors, fonts, spacing, components.

Generate a visual style guide page from the current design system.

Find design inconsistencies: off-grid spacing, non-standard colors, mismatched fonts.

Auto-fix a design to match the implied design system. Snaps spacing, normalizes colors, fixes font weights.

Find repeated patterns and suggest component extraction.

Get the professional design rules: typography, color, spacing, anti-AI-slop patterns. Use this before creating any design.

Generate a color palette from a single brand color.

Generate a typography scale.

Import a design system from JSON config and create all tokens, styles, and components.

Compare a design to the established design system and flag deviations.

Create mobile/tablet/desktop variants of a frame.

Resize a frame to a standard breakpoint.

Convert fixed-width designs to responsive auto-layout.

Generate a mobile-optimized version of a desktop design.

Convert horizontal layouts to vertical stacking for mobile.

Apply a type scale to all text in a frame. Maps headings, body, and caption sizes to the scale.

Find every unique text style in a page. Flag off-scale sizes, inconsistent weights, and orphaned styles.

Set heading levels with proper size, weight, and line-height ratios.

Check line length (45-75 chars optimal), line-height, and letter-spacing for readability.

Normalize all text to the nearest type scale value. Fix off-scale sizes.

List all text styles with usage count.

Suggest font pairings based on currently loaded fonts.

Replace one font family with another across all text nodes.

Update text content of a text node without changing styles.

Create a local text style from a text node.

Generate a full color palette (50-950 shades) from a base color.

Extract all unique colors from a frame and organize by usage frequency.

Generate harmonious colors: complementary, triadic, analogous, split-complementary.

Generate a dark mode variant of a frame, mapping all colors intelligently.

Generate a light mode variant of a dark frame.

Check WCAG contrast for every text/background pair in a frame.

Create a local color style.

Apply a color style to a node.

Replace a color across the entire document (all pages).

Generate a full semantic color system (bg, surface, border, text, brand, status) from one brand color.

Create a prototype navigation link between two frames.

Set scroll behavior on a frame.

Set overflow clipping on a frame.

Set up a frame as a modal/overlay in prototype mode.

Pin a layer so it stays fixed during scroll (sticky nav, floating button).

Create a hover variant interaction on a component.

Create a prototype flow starting point.

List all prototype flows in the file.

Remove a prototype connection.

Set the default transition for all prototype links on a frame.

Create a new page in the document.

Switch to a different page.

Duplicate an entire page.

Delete a page.

Rename a page.

Sort pages alphabetically or by custom order.

Move all content from one page into another.

Get an overview of all pages: name, frame count, component count.

Search for components across local file and team libraries.

List all available team libraries.

Swap one component instance for another.

Detach a component instance to a regular frame.

Reset all overrides on a component instance.

Audit components: find detached instances, missing components, unused variants.

Swap all instances of one component for another across the file.

Mark components as ready to publish to team library.

Add visual spacing annotations (redlines) to a frame.

Add color swatch annotations to a frame.

Add typography annotations (font, size, weight, line-height) to text nodes.

Create a measurement line between two nodes showing distance.

Generate a design specification sheet next to a frame with all measurements, colors, and typography.

Visualize the underlying grid and spacing system of a frame.

Annotate the visual hierarchy: heading levels, reading order, focal points.

Generate documentation frames for a component showing all variants, props, and usage.

Annotate breakpoint behavior and responsive rules on a frame.

Compare two frames and generate a visual changelog showing what changed.

Apply glassmorphism effect: background blur, semi-transparent fill, subtle border.

Apply neumorphism effect: dual shadows (light + dark) with matching background.

Add a subtle noise/grain texture overlay to a frame.

Set a gradient fill with a simple angle + 2 colors API.

Generate a consistent shadow elevation system (sm, md, lg, xl) as effect styles.

Apply background blur (frosted glass effect) to a frame.

Create a gradient border effect using a slightly larger frame behind.

Remove all effects (shadows, blurs) from a node.

Takes any natural language description and generates a complete Figma design. Analyzes mood (minimal, bold, playful, luxury, corporate, techy, organic, brutalist, editorial), detects industry (fintech, health, saas, ecommerce, etc.), picks appropriate colors, spacing density, shadow depth, corner radii, and typography. Then composes a multi-section design with 30-300+ elements.

Analyzes a design prompt and returns the interpretation without generating anything. Shows what mood, industry, colors, and sections would be used. Good for previewing before generating.