Skip to main content

🎨 UI & UX

Magician

Magician is a Figma plugin that puts generative AI right inside your design canvas. Select a layer, type what you want, and it writes copy, draws icons and creates images without leaving the editor. It was one of the first AI tools built for designers, and it still sets the standard for how AI should feel in a design workflow.

Quick Facts

Developer Diagram (acquired by Figma in 2022)
First released 2022
Latest version See official website
Platform Figma plugin (browser and desktop app)
License Proprietary (free plugin)
Pricing Free trial; paid plan, see official website

What is Magician?

Magician is a set of AI magic tools that live inside Figma as a plugin. Instead of switching to a separate AI app, you select a layer in your design, press a shortcut and describe what you want. The plugin generates copy, icons, images and even new layer names based on your selection and the context of your design.

It was created by Diagram, a small New York design tools company founded by Jordan Singer and Brian Cowan, which was acquired by Figma in 2022. Magician helped kick off the wave of AI design tools that followed, and its ideas were gradually folded into the AI features Figma ships today.

What makes Magician special is how small and fast it feels. Each magic tool does one thing well, and the results appear right in your canvas where you can keep editing them like any other Figma element.

Key Features

  • Magic Copy: rewrites or generates marketing copy for any text layer
  • Magic Icon: turns a prompt into a custom icon that matches your color and style
  • Magic Image: creates images from a description, right on the canvas
  • Magic Rename: names all of your layers and frames based on what they contain
  • Works from your selection: the plugin uses the layer you picked as context
  • Keyboard friendly: run tools with shortcuts and stay in your flow
  • Output stays editable: generated results are regular Figma elements you can tweak

How to get started

Install Magician from the Figma Community plugins page and open it from the Figma menu. The plugin walks you through a short setup, and then you can select any layer and trigger a magic tool.

  • Open a Figma file and search for Magician in the Figma Community plugins
  • Install the plugin and open it from the Plugins menu
  • Select a text layer, a frame or an empty spot on the canvas
  • Choose a magic tool, type your prompt and press Generate
  • Edit the result like any normal Figma layer

Use cases

  • Writing hero headlines, button labels and microcopy for product UI
  • Generating icon sets that match your existing color palette
  • Filling a design with placeholder images before final art arrives
  • Cleaning up messy files with one-click layer renaming
  • Exploring visual directions quickly for early concept work

Pricing and licensing

Magician is a proprietary Figma plugin, and you need a Figma account to use it. Pricing details, including any free tier and the current price of a paid plan, are listed on the official website.

Because Diagram is now part of Figma, the plugin's future is tied to Figma's own AI roadmap. The best way to keep up is to check the plugin page in the Figma Community, where updates and pricing changes are announced.

Pros and cons

The biggest plus is convenience: you get AI assistance without leaving Figma, and the tools are tuned for design work rather than generic text generation. The interface is minimal, results are fast, and generated assets slot straight into your design system.

The main downsides are scope and future direction. It focuses on a handful of tasks rather than a full AI design suite, and since the team joined Figma, development has slowed in favor of Figma's built-in AI features. If you want deep integration, the native Figma AI tools may cover the same ground.

Alternatives

  • Figma AI: the built-in AI features inside Figma itself
  • Galileo AI: generates editable UI designs from text prompts
  • Uizard: converts sketches and prompts into app mockups
  • Visily: AI-powered wireframing and UI design for non-designers
  • Relume: AI site building and copywriting for web design

Resources

What is New?

By continuing to use the site, you agree to the use of cookies.