Adobe Xd is a tool for designing and developing an user experience and user interface with prototype and wire-framing for new mobile and web applications.


Figure 1 Home Screen AdobeXd

AdobeXD provide artboard design for Mobile, Tablet/iPads and Web. Apart from this there is an option to choose custom design where you can choose high and width according to your need. You can check home screen Image in Figure 1.

So when you choose the custom design or readymade design size there are many useful features/tools you can use in AdobeXd.

Figure 2 Artboard Screen

List of Basic Tools:

  • Select — To move a layer or a group of layers.
  • Rectangle, Circle, Line — To draw shapes in the artboard.
  • Pen — Using anchor points you can draw the desired shape.
  • Text — You can type using available font-family, font-size, font-weight, character spacing, line spacing, paragraph spacing.

Advanced AdobeXd Tools:

  • Repeat Grid: You can repeat the particular object horizontally or vertically.
  • Fix position when scrolling: You can fix the position of an object while scrolling.
  • Responsive resize: If you want to set object size responsive you can do it with automatic responsive resize feature.
  • Appearance: You can work on the objects look and fill with this tool. Using this tool you can change color, Gradient, Border, add shadow effect etc.
  • Layer: A very important feature of AdobeXd. You can fix the layers according to your design need.
  • Assets: This is one of the great tools AdobeXd has. When you need to use some appearance and styling features multiple times you can create one asset and apply it to objects.
  • Masking: With the help of this feature you can add an image in any kind of shape.
  • Prototyping: If you want to link the artboard for interactive design it can be done from prototype. When you link the artboard with another artboard there will be a popup for the transition effect like slide left, slide right, etc.
  • Preview: You can check the design of prototype in desktop and mobile view and can test it before publishing it.

Publish: with the help of this feature you can share the design of prototype with others and they can share their comments with you. There is another option which is called design specs by which you can share not only design but CSS file too. Both the feature has password protection security feature too for sharing the confidential designs.




Dave Chirag represents Vibidsoft, a Web and Mobile Application development company providing enterprise IT solutions comprising the full range of services

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Flash, a Love Affair

UX Research Project For India’s Top Property Site

The future of Information Architecture: the Voice User Interface

I’m ditching case studies for case stories

Making your site accessible using W3C’s Easy Checks

Collaborative Constant Output with Jayine — Sunset Park

Design Systems — 4 Things I’ve learned so far (Part 1) creating one

Quick Guide to the Disruptive Design Method

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Chirag Dave

Chirag Dave

Dave Chirag represents Vibidsoft, a Web and Mobile Application development company providing enterprise IT solutions comprising the full range of services

More from Medium

UI Renovations Part 4: Goodreads

Screenshot of Goodreads’ bookshelves categories “Read”, “Currently Reading”, and “Want to Read”.

(Review) Is the Google UX Certificate a good idea?

APPsolute guide to app design

Desire Paths, Urban Planning, and their Impacts on UI Design

A beautiful suggestion showing how Paris’ Champs Élysées could look in the future — with pedestrians, cyclists, and a full avenue of trees