{"id":53989,"date":"2024-08-02T02:30:33","date_gmt":"2024-08-02T09:30:33","guid":{"rendered":"https:\/\/www.uxpin.com\/studio\/?p=53989"},"modified":"2024-08-27T04:04:38","modified_gmt":"2024-08-27T11:04:38","slug":"product-updates-august-2024","status":"publish","type":"post","link":"https:\/\/www.uxpin.com\/studio\/blog\/product-updates-august-2024\/","title":{"rendered":"Product Updates August 2024"},"content":{"rendered":"\n
\"product<\/figure>\n\n\n\n
<\/div>\n\n\n\n

Here are product updates that were released in UXPin in the last two months. They include new features, such as Paste & Replace, Flexbox for UXPin Merge, and a couple of usability and user management updates.<\/p>\n\n\n\n

Paste & Replace<\/h2>\n\n\n\n
\"Mail<\/figure>\n\n\n\n

This feature allows you to copy an element to your clipboard, and then, swap it for an element that you have on the canvas with a key combination. Instead of deleting an element to paste another one in its place, use “Ctrl (Command) + C” to copy a component, image, shapes, etc. and paste it in the place of another element with a “Ctrl (Command) + V” key combination. It works for coded components, too.<\/p>\n\n\n\n

<\/div>\n\n\n\n

Use New Canvas Sizes<\/h2>\n\n\n\n
\"Mail<\/figure>\n\n\n\n

Our users works with canvases instead of artboards as in Figma<\/a>. When starting a new project, you need to adjust the canvas to your design purpose, be it a desktop application. You can do that in Properties Panel on the right.<\/p>\n\n\n\n

We want to let you know that we’ve added new canvas presets, each corresponding to a device frame (like iPhone 15 Max). There\u2019s also a corresponding device frame available for each new canvas size.<\/p>\n\n\n\n

<\/div>\n\n\n\n

Set up Grid Styles<\/h2>\n\n\n\n
\"Mail<\/figure>\n\n\n\n

Grids<\/a> in UI design and design systems are structural frameworks used to organize content on a page, ensuring consistency and alignment across different devices and screen sizes.<\/p>\n\n\n\n

They serve as a foundational element in the layout of user interfaces, aiding designers in creating balanced, organized, and aesthetically pleasing designs.<\/p>\n\n\n\n

UXPin now allows you to set up a predefined grid and add it to your design system library. You can set up a standard grid style and reuse it in every project.<\/p>\n\n\n\n

<\/div>\n\n\n\n

Access specs with \u201cGet Code\u201d button<\/h2>\n\n\n\n
\"Mail<\/figure>\n\n\n\n

You might have noticed that we added a new button in the right corner of the editor \u2013 “Get code.\u201d This button redirects you to Spec Mode, where you can find all the specifications needed to build the interface of your product with a single click, faster than ever.<\/p>\n\n\n\n

In UXPin, you get all sorts of specifications (read about in in our docs<\/a>):<\/p>\n\n\n\n