Adobe XD Update (June 2020 Release): Stacks, Scroll Groups, Design Tokens and More
In recent, Adobe has launched 30th release of XD on 16th June 2020. And it was with many exciting features… let’s discus here,
This 30th Release of XD is packed with new features across Adobe XD, with new ways to design, prototype, and collaborate. Moreover, language support for Italian and Russian is added along with already supported eight other languages.
To get started, you can download Adobe XD or just go and Update to XD 30 in the Creative Cloud application.
What’s New for Designing and Prototyping in XD
As we all know, Adobe XD is a fast, powerful and easy-to-use tool for UI/UX Design. Adobe’s creative team designs the features that help you to do your work in the best way.
How Adobe XD’s new features help in your work:
- Save your time
- Automate your routine tasks and
- Help you focus on most impactful work
Stacks
Stacks are a new way that enables you to work with groups and components in XD. Similar to Flexbox in CSS, Stacks are made of columns or rows of objects with equally set spacing between them. As you add, remove, reorder, or resize objects in a stack, all the other objects adjust themselves automatically, maintaining the spacing as you change your designs.
When you create a stack, XD detects the direction of the created stack (vertical or horizontal). You can adjust the spacing between objects right on the canvas, either distributing objects evenly or not. Just Hover over the space between objects in a stack and press S to adjust one space or press Shift+S to adjust all spacing in the stack equally. No more tedious adjustments when designing common UI elements like cards, dropdowns, navigations, and modals.
Here, you can see a demo of Stacks from Adobe XD Team…
If you’re working with a design system, Stacks, along with other Content-Aware Layout features such as Responsive Resize and Padding, make your components flexible and dynamic. Grab a component from your design system and customize it — change text, add or remove objects, or reorder objects — without having to reconstruct the component every time.
Scroll Groups
Scroll Groups make your created prototypes behave like live websites and apps. Yes, with the help of it, you can make parts of designs scroll for designing feeds, lists, carousels, galleries, and more. They are so excited to deliver Scroll Groups as part of this release because it is one of the most-requested features on the Adobe XD UserVoice.
You can turn any part of design into a Scroll Group and set it to scroll vertically, horizontally, or in both directions. After creating a Scroll Group, you’ll see blue handles on the canvas that can be used to adjust the visible scroll area. In the preview of your prototype, you’ll be able to scroll through the designated area.
Here is the demo of Scroll Group from Adobe XD Team
Adobe XD’s last March 2020 Update
Adobe XD Update: March 2020 — Prototype with Audio, Anchor Links & More
Added New Ways of Work Collaboration with Developers
Not just being a great design tool, XD is a platform for design collaboration. With XD, you can manage design projects by ideating with the design team, sharing specifications with developers, and also can share the design job accomplishments with your clients. Explore all the newly added ways for work collaboration at Adobe XD June 2020 Update
