Skill Level Intermediate
- The August release of Adobe XD, XD 22, has two new features and a number of feature improvements for the product. The first new feature is support for CSS code snip-its in design specs. This is for the developer in your life when you save out a design spec and optimize it for the web, that developer can now copy the CSS code from the design spec interface into their development environment. This is in addition to their ability to download any images that you might have marked for export and grab specifications for objects on individual art boards. Another new feature is Edit in Photoshop. So consistent with a behavior that was offered for Illustrator to round trip vector content, you can now come to Images on the design canvas and in the right menu select Edit in Photoshop. This is going to open up Photoshop and allow you to do your advanced edit work. When you hit Save, that image is going to flatten out and be placed back directly in XD so that you can continue on with your process. Another improvement has to do with component bounds. Components were introduced in May of this year and they have this wonderful capability to work really well with responsive resize. But when that happened, the component bounds became a little difficult to work with. In the latest release of XD, you can now come in and add things like a shadow or effects to a component object and it's not going to grow that component bounds to encompass those effects. Another improvement is if you come into a component and let's say you move some of the objects within that group set to make it larger or smaller, the component bounds are going to resize appropriately so to adjust to that new content within it. Another improvement has to do with fractional pixels. So if you've worked in XD and ever had objects that fall between whole pixels, when you save that out for the web or for a native application you can end up with fuzzy images. Now when you resize individual objects or groups of objects, they're going to always fall on the whole pixel so that you avoid that fuzzy behavior. Another improvement is for APIs for plug-ins in the Plug-ins in Panel. When we delivered that Plug-ins panel a few months ago we also extended some APIs for the plug-in developer. Those developers can now expose properties within the Plug-ins panel. So as you're designing objects on the design canvas, you can see those properties just next to that canvas and make changes with the plug-in interface there available to you. Well that's it for this release. As usual, I encourage you to download XD 22 and let's go ahead and get started.