diagram.com Open in urlscan Pro
76.76.21.21  Public Scan

Form analysis
2 forms found in the DOM

Name: email-form — GET

<form name="email-form" data-name="Email Form" method="get" id="form-controls" class="ds-form" data-wf-page-id="646e5e4210f5841de6146f55" data-wf-element-id="15a5b4f8-329b-86a9-5f13-510236553852" aria-label="Email Form">
  <div data-w-id="15a5b4f8-329b-86a9-5f13-510236553853" style="background-color: rgb(41, 41, 43); border-color: rgb(83, 84, 87);" class="ds-radio">
    <div style="display:none" class="ds-radio-dot"></div>
    <div style="opacity: 0;" class="ds-radio-outline"></div>
  </div>
  <div data-w-id="15a5b4f8-329b-86a9-5f13-510236553855" style="background-color: rgb(41, 41, 43); border-color: rgb(83, 84, 87);" class="ds-checkbox"><img
      src="https://uploads-ssl.webflow.com/6408bea3de5aef58b7e197d4/6446a99f20bb15a3f91a6ccb_ds-checkmark-icon.svg" loading="eager" style="display:none" alt="Icon of checkmark" class="ds-checkmark-icon"></div>
</form>

Name: email-form — GET

<form name="email-form" data-name="Email Form" method="get" id="email-form" class="ds-form" data-wf-page-id="646e5e4210f5841de6146f55" data-wf-element-id="28023e4d-c9a8-1c7f-b2a9-7b96ff562229" aria-label="Email Form">
  <div data-w-id="28023e4d-c9a8-1c7f-b2a9-7b96ff56222c" style="background-color: rgb(41, 41, 43); border-color: rgb(83, 84, 87);" class="ds-checkbox-2 bottom"><img
      src="https://uploads-ssl.webflow.com/6408bea3de5aef58b7e197d4/6446a99f20bb15a3f91a6ccb_ds-checkmark-icon.svg" loading="eager" style="display:none" alt="Icon of checkmark" class="ds-checkmark-icon-2"></div>
  <div data-w-id="40cf3ec1-1d92-77eb-a79f-6fe9819b3100" style="background-color: rgb(41, 41, 43); border-color: rgb(83, 84, 87);" class="ds-radio-2 bottom">
    <div style="display:none" class="ds-radio-dot-2"></div>
    <div style="opacity: 0;" class="ds-radio-outline-2"></div>
  </div>
</form>

Text Content

Diagram • Design tools from the future.
MagicianGeniusAutomatorUI-AI
Login
Login
MagicianGeniusAutomatorUI-AI
Signup
Login
MagicianGeniusAutomatorUI-AI
Login
Login
Signup


DESIGN TOOLS FROM THE FUTURE.

Unleash your creativity with Diagram's
AI-powered design tools.

Explore the future



MAGICIAN

Cast a spell on your Figma designs.

magician.design
Go Pro




DESIGN WITH AI MAGIC

Unlock your creativity and bring ideas to life with AI-powered design utilities.



Wands
Hats
Spellbooks
Cards

The Magician
Diagram
5.0
$444
The Wizard
Diagram
4.9
$333
The Abracadabra Topper
Diagram
5.0
$222
The Wizardly Lid
Diagram
4.9
$111
The Magical Manual
Diagram
5.0
$333
The Hocus Pocus Handbook
Diagram
4.9
$222
The Magicards
Diagram
5.0
$22
The Spellbound Shufflers
Diagram
4.9
$11




GENERATE SVG ICONS FOR ANYTHING


GENERATE SVG ICONS
FOR ANYTHING

Magic Icon generates infinitely scalable SVG icons to use anywhere in your
design.






CONJURE UP CREATIVITY

Magician demystifies the creative process by magically turning your ideas into
assets.






GENERATE MAGICAL VISUALS FOR YOUR DESIGNS

With Magic Image, you can quickly generate
images in Figma while you design.

With Magic Image, you can quickly generate images in Figma while you design.





WAVE GOODBYE TO LOREM IPSUM

Magic Copy writes, edits, and rewrites Figma text layers so you can design with
real copy.



Lorem Ipsum
Lorem





YOUR AI SPELLBOOK

Get all the latest AI design advancements + future spells in one convenient
plugin.





MAGICALLY RENAME YOUR LAYERS


MAGICALLY RENAME
YOUR LAYERS

Magic Rename intelligently names your layers
so you can spend more time designing.

Magic Rename intelligently names your layers so you can spend more time
designing.

Frame 2147 2230 ‎44
Checkout Screen
Frame 2147223043
Info Card
Frame 2147223035
Order Details
Frame 2147223040
Button / Place Order

Frame 2147223044
Checkout Screen






FIGMA’S NEW AI BESTIE

Magician works right inside your favorite design tool.








GENIUS

Your AI design companion in Figma.

genius.design
Go Pro

Coming soon


TRANSFORMS YOUR IDEAS INTO DESIGNS

Genius creates fully-editable UI designs
with just a simple product description.

Genius creates fully-editable UI designs with just a simple product description.

An app to book intergalactic travel

Generate








The Cosmos
Comets
Stars
Planets
Galaxies

Genius
Diagram Galaxy
5.0
$40,000
Kinro
Core Galaxy
4.8
$32,000
Lucky Charm
Marshmallow Galaxy
4.6
$24,000
Carinae
Expander Galaxy
4.8
$700,000
Radiance
Flight Galaxy
4.8
$800,000
Stellar
Ocula Galaxy
4.7
$500,000
Embera
Celesterra Galaxy
4.9
$2.4m
Lunar-X
Crest Galaxy
4.7
$1.2m
Moss
Marshmallow Galaxy
4.5
$1.1m
Galactor
Ace Region
5.0
$4.2b
Nexus
Bloom Region
4.8
$3.3b
Galore
Expansive Region
4.7
$1.1b
Genius
Diagram Galaxy
5.0
Amenities
Nearby planets
Fast-Travel™ with wormholes
24/7 Spaceship access
High tech telescope on-board
Meet-and-greet with aliens
Solar System
Diagram Galaxy
Availability
2023 – 2084
Total Cost
$40,000
Confirm Booking




AUTO-SUGGESTS AS YOU DESIGN


AUTO-SUGGESTS AS
YOU DESIGN

Improve your workflow and design more
efficiently with AI-powered in-line suggestions.

Design more efficiently with AI-powered in-line suggestions.

Add restaurant card?
Search food, groceries, etc.
Pizza
Salad
Chicken
Italian
Pizza Planet
10-15 min • ☆4.9
Pizza Planet
10-15 min • ☆4.9



Tap to add Restaurant Card

You





ITERATES ON DESIGNS TO UNLOCK NEW POSSIBILITIES

Genius iterates on your designs you to explore new design directions during your
process.

Genius iterates on your designs alongside you to explore new design directions
throughout your process.


Genius
OFF
ON





You






WORKS WITH YOUR DESIGN SYSTEM


WORKS WITH YOUR
DESIGN SYSTEM

Genius leverages any design system
to provide smart recommendations.


Genius leverages any design system to provide smart recommendations.


Launch Successful
The spaceship was launched and is now heading into space
Continue
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

LaunchAbort
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Orb
Gas
Pod
Orb
/ɔrb/
a spherical body; a globe shape.
Gas
/ɡæs/
no fixed shape, particles in constant motion
Pod
/pɑːd/
support craft, capable of holding one pilot
Solara
Nebulon
Observe
Study the universe through stargazing, asteroid tracking, and planet
observation.
Explore
Journey to explore landscapes, geological formations, and potential life forms.
Visit
Tour space stations, orbiting habitats, and other celestial destinations.
Meet
Encounter extraterrestrial life forms and learn about their culture.
Meet
Get a better understanding of where your traffic is coming from.
Escape
Get a better understanding of where your traffic is coming from.
Genius

Learn more


POWERED BY UI-AI

An AI model for designers.




USES SMART ELEMENTS

Set the structure, then describe the UI to have Genius design it.

Product filters
Shoe categories
Add




iOS status bar

Shopping grid
Add prompt…
Drag-and-drop to set preferred order
Add new
Smart Element
Tap to add a
new prompt
Generate





Space Gear
All
Helmet
Boots
Gloves

Helmet
$599.99
Gloves
$199.99
iOS status bar
Product filters
Shoe categories
Add





Shopping grid
Add prompt…
Tap to add a
new prompt
Generate





Space Gear
All
Helmet
Boots
Gloves

Helmet
$599.99
Gloves
$199.99




INVITE TO ANY FIGMA FILE

Invite Genius to any file to get a personal design assistant.

L
N
You

Share







Share


Genius
Invite



You
You
owner
L
Leia
can edit
N
Neo
can edit
Genius
Genius
You





CHAT WITH GENIUS

Genius can consult and act on any design-related questions.

Default iOS button size?
Send a message…





Primary Button added to canvas
Primary Button

How can I help?
Default iOS button size?
44x44 points, minimum.
This sizing considers spacing, finger size, and accessibility for optimal touch
targets.
Want me to design an iOS button for you?
Yes, design an iOS button
Done! What's next?
Genius

Genius



AUTOMATOR

Automate design tasks in Figma with a single click.

Automate design tasks in Figma
with a single click.

automator.design
Go Pro


AUTOMATE THE BUSY WORK AWAY

Automator turns hours of long, tedious
busy work into a single click.

Automator turns hours of busy work into one click.

Automator
You
Team
Community

Search
Generate Color Palette
Import Airtable
Batch resize icons
Outline Spec
Ikrore sofa
$3,100.00
Sofas
Zen console
$3,499.00
Consoles
Dual table
$1,299.00
Tables
Madrid chair
$449.00
Chairs
Evee Diningve
$4,100.00
Dining
Olive
#a3b18a
Verdant
#588157
Forest
#3a5a40
Mossy
#344e41
Mocha
#a59585
Chesnut
#796048
Bark
#413424
Mahogany
#43281c
Peach
#f7c6ad
Ember
#e2725b
Brick
#e05a3e
Cinnabr
#a73c27
Aqua
#A9D6E5
Ocean
#488fad
Deep
#01497c
Nightfall
#012A4A

Big Sur
Bixby Creek Bridge
Heart Icon
24x24

Heading
14px

Subhead
12px

Cover Image
160x110

Card
160x206



BUILD POWERFUL AUTOMATIONS WITHOUT CODE


BUILD POWERFUL AUTOMATIONS
WITHOUT CODE

Build any automation with drag-and-drop ease.

Automator
Replace with component

Get current selection
For each
Insert instance
Reparent
Set position
Tap to build Automation
Insert Instance
Reparent
Set position
Create ellipse
Create frame
Add shadow
Boolean group
Create star
Insert instance
Create line
Flatten
Move to page
Set position
Find
Set text case
Flip horizontal
Reparent
Set text case
Outline stroke
Flip vertical
Detach instance
Insert image
Add shadow
Get current selection
Set mask
Set visibility
Create rectangle
Set locked
Detach instance
Add fill
Export




SYNC AUTOMATIONS WITH YOUR ENTIRE TEAM

With Automator for Teams, automations sync to the cloud so everyone gets a speed
boost.

Automator
You
Team
Community

Diagram
Layout components
Rename Hex to Color
File structure
Generate style guide
Automator
You
Team
Community

Twitter
Replace with tweet
Set to Lights Out mode
Increase font size
Convert to retweet
Automator
You
Team
Community

Netflix
Set to queue
Add controls overlay
Randomize suggestions
Move to library
Automator
You
Team
Community

Robinhood
Show in MXN pesos
Convert to Bitcoin
Toggle dark mode
Resize for web
Automator
You
Team
Community

Meta
Convert card to mobile
Show focused states
Conver to component
Overwrite with parent name
Automator
You
Team
Community

Cash App
Set all to error state
Autofill bank info
Convert USD to EUR
Batch resize numbers
Automator
You
Team
Community

DoorDash
Add random card info
Set Italian cusine filter
Resize for web
Randomize addresses
Automator
You
Team
Community

Instacart
Add delivery address
Set to a new store
Import shopping list
Batch resize product images
Automator
You
Team
Community

Snap
Show camera view
Swap to front-facing camera
Convert to Android camera
Add random AR glasses
Automator
You
Team
Community

Reddit
View as reply
Add 100 upvotes
Randomize comments
Set as top voted reply




TAP INTO THE AUTOMATOR COMMUNITY

Run & remix automations built and used
by thousands of other designers.

Run & remix automations built by thousands of designers.

Icons


ICON GRID SORTER

This automation gets all the icons in a selection and organizes…

Download
Styles


BATCH RENAME LAYER WITH EFFECT STYLE NAME

Renames selected layers with set effect style names. Effect styles…

Download
Productivity


CREATE & SET
FILE THUMBNAIL

This automation quickly creates and sets a file's thumbnail…

Download
Design Systems


CREATE COLOR CATEGORY & COLOR STYLE

Creating a Color Style automatically from a frame

Download
Productivity


MOBILE SCREEN
SIZE TESTER

Test out a mobile screen design on min/max screen size for…

Download
Design Systems


RENAME HEX TO COLOR

Renames selected text layers containing #hex values to the…

Download
Icons


ICON GRID SORTER

This automation gets all the icons in a selection and organizes…

Download
Styles


BATCH RENAME LAYER WITH EFFECT STYLE NAME

Renames selected layers with set effect style names. Effect styles…

Download
Productivity


CREATE & SET
FILE THUMBNAIL

This automation quickly creates and sets a file's thumbnail…

Download
Design Systems


CREATE COLOR CATEGORY & COLOR STYLE

Creating a Color Style automatically from a frame

Download
Productivity


MOBILE SCREEN
SIZE TESTER

Test out a mobile screen design on min/max screen size for…

Download
Design Systems


RENAME HEX TO COLOR

Renames selected text layers containing #hex values to the…

Download


All powered by






UI-AI

User interface AI models made
by designers, for designers.

ui-ai.com
Go Pro

Coming soon


AI MODELS MADE FOR DESIGNERS


AI MODELS MADE
FOR DESIGNERS

UI-AI models use the latest advancements in AI combined with creative prompting
to generate design assets.

UI-AI models use the latest advancements in AI to
generate design assets.


Glyphs
Emojis
Fonts
Layers
Hello World






UI-AI PLAYGROUND


PLAYGROUND

Glyphs
Emojis
Fonts
Layers
Glyphs
Emojis
Fonts
Layers

Leverage multimodal prompts (text and images) to generate design assets from
anywhere on the web.

Leverage multimodal prompts (text and images) to generate design assets from
anywhere.

A dog riding a surfboard

Powered by
UI-AI

Generate



a set of mashed-up, iOS-style emojis

Powered by
UI-AI

Generate


a haunted font with extremely distorted lettering


Powered by
UI-AI

Generate


primary and secondary CTA buttons for a marketing landing page

Powered by
UI-AI

Generate

Save to Diagram
1x
2x
3x
4x
Sign upLearn more



Design tools from the future.
Join the future
Products
GeniusMagicianAutomatorUI-AI
Company
AboutCareersBlogContact
Legal
PrivacyTerms
©2023 Diagram Technologies, Inc.

Design tools from the future.
Join the future
Products
GeniusMagicianAutomatorUI-AI
Company
AboutCareersBlogContact
Legal
PrivacyTerms
©2023 Diagram Technologies, Inc.


THIS WEBSITE USES COOKIES.

THIS WEBSITE USES COOKIES AND LOCAL STORAGE FOR PERFORMANCE AND PERSONALIZATION.
ONLY ESSENTIAL COOKIES ARE TURNED ON BY DEFAULT. PRIVACY POLICY.

Accept Cookies