Share ideas and concepts. Iterate quickly. Make more together with XD.
The leading mockup tool for apps and websites.
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.
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.
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
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
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
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
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.
unDraw
Discover thousands of customizable vector illustrations - all available royalty-free.
Stark
Design with accessibility in mind with contrast checkers and colorblind generators.
Ready to get started with XD?
S$13.14
Per month* (incl. GST)
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.
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.