Make Mobile Mockup Using Adobe XD
Make mobile app mock by Adobe XD
I used Adobe XD to make mockup application for internal hackathon-like project. Though it was my first time to use XD in my job, the process was very straight forward.
Install from Adobe XD official site.
- It’s enough to select starter plan for free - that is for small size mock. You can share one link for your app.
Draw just like power point. Here are some specific tips.
- It’s a canvas for drawing. You can select many size including mobile devices like “iPhone 12 Pro Max”
- Every object is assigned to each “layer”. After locating object, you can change the order of the object(back to front) by changing the order of layer in side menu.
Layer is useful when selecting multiple specific objects at one time.
Plugin > Manage plugin and search/install plugin. Icon 4 Design worth using to embed svg icons to sketches.
Make screen transition by connecting arrow between the origin of parts or entire screen to target screen.
Make link and share that. Shared person can open the web link and can see, comment to the prototype.