The leading mockup tool for apps and websites.

Share ideas and concepts. Iterate quickly. Make more together with XD.

UI Mockup Tool

Beautiful mockups. Lightning fast.

Create high-fidelity mockups for apps and websites without complexity. XD is built from the ground up for designing user experiences with smart layout, guides, and grid tools.

Beautiful mockups. Lightning fast.
Scale it up or down.

Scale it up or down.

Desktop. Mobile. Tablet. Smartwatch. XD makes it easy to adapt layouts and components for different screen sizes. Select pre-configured artboard templates for different devices and dimensions.

Easy sharing, export, and handoff.

XD brings sharing right into your design tool. Create and share links to your UI mockups. Export images and UI elements. Generate specs for developers with details, dimensions, and code snippets.

Easy sharing, export, and handoff.
FEATURES

Mockup tools to plan your experience.

Visualize ideas. Collaborate with your team. Quickly create and share incredible UI mockups for apps and websites and get closer to final, faster.

Content-Aware Layout

Automate routine tasks with smart controls that align as you add, remove, or resize objects. Make adjustments right on the canvas and get back to iterating. Learn more

Content-Aware Layout

Auto-Animate

Add motion effects, playful interactions, and smooth transitions to your prototypes — all without code or specialized tools. Auto-Animate detects differences between artboards and builds animations for you. Learn more

Auto-animate

3D Transforms

Take your mockups to the next level. Tilt and rotate designs for a fresh look. Use device images to showcase your designs like a pro. Transform flat designs into perfect perspective. Learn more

3D Transforms

Repeat Grid

Duplicate elements with a simple click-and-drag. Edit once and all elements in the grid update automatically. Drag images and text into your grid to populate with real content. Learn more

Repeat Grid
PLUGINS

Boost it up with plugins.

Extend the power of XD by unlocking even more app and website mockup tools and new features. Choose from 300+ plugins to integrate seamlessly into your workflow.

ColorSpark

ColorSpark

Generate colors and gradients to discover palettes and spark creativity.

UI Faces

UI Faces

Generate user avatar photos to make mockups feel real.

Icons 4 Design

Icons 4 Design

Search and place thousands of vector icons from popular collections.

Arranger

Arranger

Auto-arrange objects into circle, grid, or wave layouts.

UserTesting

unDraw

Discover thousands of customizable vector illustrations - all available royalty-free.

Stark

Stark

Design with accessibility in mind with contrast checkers and colorblind generators.

Ready to get started with XD?

3D Transform

120,00 SEK

Per month

FAQ

A UI mockup is a high-fidelity representation of an application or website. Mockups help communicate a design idea and create discussion around an experience’s appearance and structure. Designers can use website mockup tools, app mockup tools, and other mockup software to mockup web pages, apps, and other kinds of user experiences.

  • Create user personas
  • Determine the information architecture
  • Design and organize layouts
  • Apply color and typography
  • Add images and content

A mockup tool is used to create a design simulation of a digital experience, like an app or website. Mockup tools usually help designers quickly create the layout and appearance of an experience and share the mockup with teammates, clients, and stakeholders for review and feedback. Website mockup tools and other mockup software may also include prototyping tools to design user flows and interactivity in addition to a UI mockup.

A wireframe mockup is a low-fidelity representation of a website or app, often absent of color or typography. Wireframe mockups are used to create a discussion and align with stakeholders on the information architecture and user flow of an experience.

Creative Cloud

Creativity for all.

Photography, video, design, UI and UX, 3D and AR, and social media. Creative Cloud has everything you need, wherever your imagination takes you.