The fast and free wireframing tool for UI and UX design.
Adobe XD is a powerful and free wireframing tool for UI/UX designers, built by the world’s leader in creative technologies. With XD, you can quickly mock up and wireframe layouts, create UI elements, and define user flowcharts, navigational structure, and information architecture — all in one design tool. When you’re ready, share links to your clickable and interactive wireframes to get everyone on the same page early in the design process. You can use XD as a wireframe tool to create low-fidelity mockups and high-fidelity user interface designs and wireframes for websites, web applications, mobile apps, desktop apps, smartwatch apps, and more.
Communicate design ideas with wireframes and get everyone on the same page.
Use XD to create wireframes for any type of experience — websites, mobile apps, tablet apps, smartwatch apps, and more. Using intuitive design tooling, native prototyping tools, and free resources like UI kits and icon libraries, you can quickly visualize ideas and share them with your extended team to align on the structure and content of your experience in the early stages of your team’s design process.
A wireframing tool to visualize design ideas.
Go from stencils and whiteboard drawings to low-fidelity wireframes to high-fidelity designs in minutes. XD offers templates and UI elements for common screen sizes and devices, and it lets you quickly mock up layouts and UI designs for user experiences with features like grids, guides, vector drawing tools, and text tools. You can zoom in and out of your canvas with zero lag time, even when you’re working with hundreds of artboards.
Prototyping tools to create user flows and interactive wireframes.
Drag wires to create clickable flowcharts and define a user’s journey with interactive prototypes. XD is both a UI design tool and a prototyping tool, so you can turn static wireframes into interactive wireframes and user flows. XD supports many different types of user inputs, from common touch gestures like tap or drag to input from keyboards, game controllers, and voice commands.
Collaboration features to help you quickly iterate.
With a just few clicks, you can share your wireframes with other designers, product managers, developers, clients, and other stakeholders from right within XD. You can create wireframes in real time with other designers. Wireframing in XD lets your team focus on the core structure and concept of your user interface so you can iterate early on in the process. Create links to your designs or export PDFs and PNGs and share them via email, Slack, and more.
Preview, export, and hand off.
XD lets you experience your prototype on real devices across desktop and mobile, record videos of your experience, export your designs to PDF or PNG, or hand off Design Specs to developers to code a prototype for early testing.
Features to help you quickly create interactive wireframes.
XD is a wireframing tool that offers dozens of features and a low learning curve, and new features and enhancements are added each month.
Vector drawing tools
Work with a focused set of drawing and shape tools, Boolean operators, and vector editing features that are optimized for creating wireframes, icons, and other visual elements in your mockups.
Precision design tools
Organize and align your wireframe and UI design layout with artboard guides, layout grids, nudge and resize shortcuts, and relative measurement features.
Repeat Grid
Select a UI element in your mockups and quickly replicate it as many times as you want. Update one element to modify the entire grid, adjust padding between elements, and drop a .txt file to import data into your grid.
Prototyping
Turn your mockups into clickable and interactive wireframes with XD prototyping tools. Connect artboards to communicate the flow and feel of your user experiences. Use a range of triggers and actions to define the exact experience you want to create and share. XD enables you to create realistic prototypes for any type of experience.
Responsive Resize
Easily resize groups of objects or components for different size screens and maintain relative placement and scale between objects. Create wireframes and mockups for different screen sizes or platforms, like web or iOS.
Components
Create UI elements to reuse throughout your wireframes, mockups, and UI designs. Push changes from a master component to all instances, and override properties for any individual instance of a component.
Plugins
Discover hundreds of add-ons and XD plugins that automate routine design tasks, help you import assets and resources from outside sources, and more. XD also offers plugins to help you work with tools like Slack, Jira, and Justinmind.
Design, prototyping, and wireframing tools that perform on both Mac and Windows.
Collaborate across operating systems. Work on the platform of your choice and share your workflow with colleagues on another system. XD works smoothly on both platforms, and files are fully compatible.
Find the plan that’s right for you.
Get the free XD Starter plan or get unlimited sharing and collaboration with a Creative Cloud plan.