Brief Overview of Adobe Xd version 0.6.34 Beta.
Great features it already has.
- Artboard templates
- Intuitive UI, easy shape tool management
- Customizable grid with snapping
- Shape over image masking
- Boxed and Free Flow text modes
- Easy colour picker with saveable swatches
- Transparency support
- Object path manipulation
- Pen tool
- Hotspot prototyping
- Repeat Grid feature
Desired features currently absent.
- Assign export type to objects
- Mass export of separate objects without manual selection
- Export jpg
- Center grid to Artboard
- Pen tool – better path management
- Text Styles, saveable and reusable
- Borders – outer expansion
Adobe has made great leaps with their new, still Beta take on UI UX design called Adobe Xd.
first impression on the build is that the program layout is very free and easy to engage with. Nothing is sticking out as “in your face” annoyance as many Beta apps do.
The general feeling while using it is breath of fresh air, no pressure, just do your own thing.
I really like the overall workflow of the application. From start to finish it was mainly a smooth ride. I wish there were few things that in my opinion would benefit the whole workflow and experience but hopefully they will be included in the final release.
First Launch of the Adobe Xd
We are greeted with this pop-up that has Artboards ready to be used. They are simply correctly sized artboards and do not come with any special features or UI Kits. It is simply a handy timesaver.
After choosing an Artboard (canvas) we get to view full interface and all the tools.
On your left you’ll notice the selection tool (V) yes v shortcut works in Adobe Xd (Im looking at you Sketch). Then we have a rectangle, circle, line and a pen tools. Below pen tool we have type tool “T” and below it we have Artboard drawing and resizing tool.
Adobe Xd has two types of collections “Layers” and “Symbols” on the bottom left we can see the icons for them. Layers are collection of any object residing on canvas and symbols are simply the symbols we made out of some of the elements.
There is one more “grouping” which is off Artboard grouping. Meaning, any shape or object that is completely off the Artboard gets grouped in the “Pasteboard”.
Tool panels to the right
Right side of this app we have tool panels with alignments, distributions, special adobe repeatable function “Repeat Grid” and vector shape modifiers, add, subtract etc.
Size, resize management
Adobe Xd also tracks sizes of canvas as well as drawn objects and text as well as tracks their positions which leads me to the elephant in the room – rulers and guides.
At this point Adobe Xd has no rulers or guides but it has grids. User is free to change the grid size to any size. It is not clear if they will be added later or adobe wants to pull “apple” on us.
In either case this is a very usable software for UI and UX design.
Unlike competition Adobe Xd has prototype view and is able to visually link hots spots to other Artboards in the same document. This allows user to create interactivity right in the app without third party plug-ins.
That is all I can think of for now. Thanks for reading and stay tuned for detailed feature and tool function videos.