Welcome to uxdeck

uxdeck is a design canvas that runs in your browser. You draw screens, make them responsive with auto layout and breakpoints, link them into a prototype, add motion and working Blocks, and publish the result as a real website. A UX coach checks your work as you go, and an agent can draw or fix screens for you.

Everything you make is saved to your uxdeck account as you work, so your files are there on any computer or phone you sign in on, and the people you share them with see your changes live.

Start here

1. Sign in with Google, GitHub, or a link sent to your email. There is no password to remember. Read Sign in and your account.
2. Make a file from Home: New file for an empty deck, or describe a screen in the box at the top of Home to have the agent draw a first screen from a sentence.
3. Find your way around the editor: the canvas, the panels, the toolbar.
4. Build your first screen step by step in Your first screen.

If you remember only one shortcut, make it ⌘K: Quick actions finds any command, layer or page by typing.

What you can do

• Design: frames, shapes, the pen, text with real type settings, fills, gradients, pictures and video. Read Draw and edit.
• Lay out: auto layout, breakpoints, components and variants, variables and modes.
• Prototype: link screens, add interactions and overlays, and play them in Preview or on a phone.
• Move: things that appear on scroll or change while scrolling, effects on pictures and text.
• Add Blocks: carousels, accordions, notices and more that work on your site. Read Add and style Blocks.
• Work together: share a file, see each other’s cursors, comment and talk in a voice call.
• Get feedback: the UX coach measures contrast, tap targets, text size and more, and fixes many of them in one click. The agent draws and edits on request.
• Ship: publish a site at your own uxdeck.site address or your own domain, or export the code.
• Bring work in: import a Figma file.

Free and Pro

You can start on Free, which includes 3 files of your own, one published site, the coach’s measured rules and a monthly allowance of agent credits. Pro removes the file limit and adds more sites, your own domains, code export, voice calls and more. Read Free and Pro for the full list.

Where to get help

• This Guide. Search it with ⌘K or / on any Guide page.
• In the app: Help > Keyboard shortcuts in the Deck menu, and Reading in the Review tab for UX articles and a glossary.
• Something wrong? Read Messages and what to do and Get help.

Catches

• uxdeck needs a modern browser. It is made for a computer with a keyboard and a pointer. Read Browsers and devices.
• On a phone you view, comment and play prototypes, but the editor needs a wider screen. Read uxdeck on your phone.
• Losing the connection is fine. You can keep working on an open file offline, and your edits are sent when you are back. Read Working offline.