


So, just think of it as scaled resolutions and since everything is vectors it'll look good regardless (and remember to check the retina 2x 3x options in the export section if you want to export the design as a png and see it naturally on a phone or other device with a retina display, it'll look crisp, I promise)Įdit: Also, if you want a specific size of your canvas (or, frame, really) the ones Figma provide are just starters. That works fine in 1x and it's what your developer wants to know, but if you'd design in 750x1334 you would have to enter 32 as font size which wouldn't make sense to a developer, since that's headline sized when rendered in the phone. And for text, let's say you want 16pt text. That way when you define, say, 16px padding around an object it's actually rendered in the phone as 32px. When selected, the right-hand menu will present premade frame options for common device sizes: smartphones, tablets, desktops, smartwatches, presentations, and social media options. image figma layers and auto layout settings for a component containing several buttons Above: Example of a auto layout frame with peer components (buttons). Select Frame to draw your custom-sized canvas.

You dont need to connect to the same wi-fi network to establish a connection between the two. Ever since retina displays were introduced you now export assets with 2x or 3x the size so they'll look nice and crisp, but you design in 1x. In Figma, a frame is what other programs may call an artboard or canvas. The Figma mobile app will work on either wi-fi or cellular data. Figma will give you a 375圆67 frame, which of course is smaller than the actual resolution of that iPhone (750x1334), but it's just scaled down 50%. With Balsamiq Wireframes, anyone can design great user interfaces. Let's say you want to design something for an.
