Design, prototype and publish on one canvas.

Frames, components, motion and working blocks in one file. When it is ready, it is a live site.

Coach and agent

A coach that reviews while you design. An agent that builds with you.

The coach in every file points at what would stop people using your work, says why, and fixes it when you ask. Describe an idea and the agent draws the screens on your canvas.

More about the coach and agent

The coach

Contrast, tap targets, alt text and names for screen readers, noticed as you work, each with the reason and a fix.

The agent

Describe a screen or add a screenshot. It draws, names the flow and adds working Blocks in your colors and type.

MCP

Claude Code and other AI tools read and edit your files, even with uxdeck closed.

Oriel Studio 3 · 4 pages · 2 here

Review the Oriel home before I publish it.

  1. Reading(4 screens)

    38 layers, 2 text styles, 6 colors.

  2. Contrast(Hero title)

    3.1:1 on the photo, needs 4.5:1.

    Fixed: a darker overlay, now 7.2:1.

  3. Tap targets(Footer links)

    3 links under 24px.

    Fixed: raised to 44px.

  4. Alt text(Gallery)

    6 pictures described from what they show.

  5. Ready to publish

    Nothing left to fix.

Draw a booking page for Oriel in this file’s colors and type.

  1. Reading styles

    6 colors, 2 typefaces, 4 text styles.

  2. Frames(Booking)

    A computer and a phone layout, in auto layout.

  3. Blocks(Carousel, Accordion)

    Studio photos and the questions, working.

  4. Flow(Book a visit)

    Linked to the confirmation screen.

  5. Done

    2 screens on your canvas.

Update the Oriel pricing cards from the brief, then check them.

  1. list_frames(Oriel Studio 3)

    9 frames on 2 pages.

  2. read_frame(Pricing)

    3 cards, 41 layers.

  3. write_frame(Pricing)

    Prices, titles and the Pro label updated.

  4. audit_frame(Pricing)

    Contrast and tap targets pass.

  5. Done

    Every open tab of the file shows the change.

Import

Bring your work in. Keep its layers, styles and components.

Open a whole Figma file, drop in SVG and pictures, or pick up a uxdeck file where you left it.

More about bringing your work in
  • Paste from Figma

    Copy frames in Figma and paste them on the canvas, auto layout, components and pictures and all.

  • Import a Figma file

    Drop a .fig on Home: its pages, components and styles come with it.

  • Open a uxd file

    A .uxd carries its pictures, prototype flows and links.

Motion

Motion you draw on the canvas. It plays the same on your site.

Pick one and watch it play. Every setting here is set in the Prototype tab and runs on your site without a library to install.

More about motion and effects

Appear

Hover

Effects

Loops

Plays as it comes into view.

Effects that answer the pointer

Glitch, pixel distortion, dither, letter roll, scramble and fill wipe. Drop one on a layer and it plays in Preview and on your site.

GlitchPixel distortionDitherScramble

Prototypes that feel like the web

Link screens, then choose how they change: Match layers, Push, Curtain. Pages scroll, buttons answer, and variables and conditions make it behave like a site.

More about prototypes

Components that already work

Carousels, accordions, notices, a 3D ring, a showreel and a media grid, made of layers you can restyle.

More about working components

Together

Design together, out loud. In the same file, at the same time.

Share a file and see everyone’s cursor and selection as they work. Leave comments on the canvas, talk without leaving the file, and pick it up again on your phone.

More about designing together
  • Live cursors

    Edit together and see who is where, named and in color.

  • Comments

    Pin a thread to any spot, mention people, and get notified on your devices.

  • Voice

    Start a call from the file and talk while you work, with captions in English or French.

  • Viewers are free

    Viewers and commenters never take a seat. They can ask to edit.

  • On your phone

    Reply to comments, play prototypes and start a file from an idea.

Publish

One click to a live site. Checked before it goes public.

More about publishing

Your own domain

An address on uxdeck.site the first time, then yours when you connect it.

Readable for everyone

Contrast, names for screen readers and phone layouts are checked first.

Forms that reach your inbox

Each message a visitor sends is emailed to you in your site’s name. Nothing is kept.

The code, when you want it

Copy a frame as markup or download the whole site.

HTMLTailwindReact

Also in the box

  • Variables

    Colors, numbers and modes, used in design and prototypes.

  • Components and variants

    Make once, use everywhere, change in one place.

  • Auto layout and breakpoints

    One frame, laid out for a computer and a phone.

  • Your own fonts

    Upload them once and every file and site uses them.

  • Version history

    Save versions and go back to how it was. Free keeps 30 days.

  • Site analytics

    Visitors, pages and where they came from, without cookies.

  • Search and sharing

    Title, description, icons and a picture for links.

  • Present in a device

    Play a prototype inside a real phone or laptop frame.

  • Captions in calls

    What people say, written as they speak, in English or French and translated between the two.

  • Transcripts and summaries

    Every call kept in the file, searchable, with a summary of what was decided.

Made with uxdeck

  • Halde, a turntable maker: the opening screen, a record turning among its sleeves
  • Tessel on a phone: book a call, send the brief, get your sounds, over a speaker lit in lime
  • Cairn: Built by layers, over a nozzle laying violet filament
  • Oriel on a phone: the studio name and its numbers
  • Halde: the tonearm, a carbon arm resting on a record, on a copper panel
  • Cairn on a phone: a printed lampshade among the prints it makes
  • Tessel: why a subscription, in cards of colour fanned across the screen
  • Halde on a phone: plays everything on your shelf, over a wall of records
  • Oriel, a studio site: the opening screen
  • Tessel, a sound design studio: its headline in a black panel over a speaker lit in lime
  • Halde on a phone: made to go round
  • Cairn, a desktop 3D printer: the opening screen, the printer building a stack of stones
  • Tessel on a phone: what we keep to, under a ring of teal light
  • Halde: a cutting lathe with a copper master disc in the Porto workshop
  • Cairn on a phone: the printer and its name
  • Oriel: the collection on a 3D ring
  • Tessel on a phone: sound design on subscription
  • Cairn: it prints your ideas, a printed chess knight among the other prints

Pricing

Free to start. Pro takes the limits off.

See pricing

Free

$0

  • 3 files of your own
  • Unlimited viewers, who can comment
  • Agent: 500 credits a month
  • The coach: 12 measured rules and one-click fixes
  • 1 published site at once

Pro

$20 per editor, a month

Everything in Free, with:

  • Unlimited files
  • Agent: 3,000 credits a month, pooled across a team
  • HTML, Tailwind, React and full site export
  • 10 published sites at once, custom domains and analytics
  • Forms that email you, 1,000 messages a month per site
  • All 16 coach rules and the Checklist tab
  • Voice calls with captions, video and teams

$16 a month, paid yearly. Compare every feature

Open the canvas, make something,

and put it online the same afternoon.