What are "dp" and why must I learn about it? To tackle this problem you’ll need to tweak your frame a bit and in the next few paragraphs, I intend on teaching you how. That means that the buttons are a bit bigger, the text is not 1:1 as in the design, and so on. That could be an issue, as the content is not showing in the resolution of the device, it’s just scaled to fill the width. Notice how the frame automatically scales to the width of your device? So, after we’ve chosen our project and opened the app on the device, using our desktop app we pick the desired frame by clicking on it, and like magic, our frame is visible on the device. We’ll be using a design that was created as a part of our internal design practice in 25 minutes (when the article comes out we’ll insert the link to that blog post here), but you can use whatever you want to preview on your device. Just download it from the store of your choice (Google Play or App Store there’s even a web app that allows you to do the same) log into your Figma account (the one you’re designing in) and that’s it, you’re good to go. It’s straightforward to get started with the Mirror app. It looks like the future is now (old man) and Figma has created something that is a must-have for every designer or someone that likes to think that they’re one.
Desktop frame figma for android#
But then Figma announced its Mirror application and basically flipped the whole thing, and after, real-time prototyping in Figma became a thing.įigma Mirror is a neat app (available for Android devices and that other phone) that lets you preview your work in real-time on a physical device. I remember exporting screens and opening them in the gallery app, manually zooming to fit them on the screen, and assuming it looked as it will on a real device. Ever since I’ve started as a UX/UI designer (on a professional level, at least), I’ve “struggled” with previewing my designs/mockups/prototypes on devices I was designing for.
0 kommentar(er)
