Note: Depending on the size of the Sketch file it may take a few moments to import. Here's how to do it: Click the import button found in the file browser or simply drag and drop a Sketch file in Figma. (More on this in the tips section below.) It keeps your layers intact and even brings over your symbols as components. We have an import feature that allows you to bring in individual Sketch files into your Figma account. The nice thing about moving from Sketch to Figma is that you get to keep all of your old designs. We want Figma to feel like home as quickly as possible for you. So, if you've recently made the move to Figma (or are considering doing so), I hope this article helps you understand the differences and similarities. I remember when I switched to Figma, I had to work on a real project for a solid week or so to finally feel comfortable with it. The UI is slightly different, the keyboard shortcuts aren't all the same, and there are some core differences that take a little while to get used to. In a similar fashion, moving from a tool like Sketch to Figma can be a bit of a struggle at first. It takes time to retrain your muscle memory that tells you to reach to the right. You're probably still going to store your silverware in a drawer in the kitchen, but now that drawer sits to the left of the sink instead of the right. ![]() ![]() The biggest pain isn't necessarily the packing, cleaning, or unpacking -instead, it's the new routines you're forced to adopt. Those images look much blurrier in the live site than on figma and I would very much like to figure out a way to export the images as crisp as they appear on figma.Moving sucks! Whether you're moving across the country or down the street, it's never fun. My main concern with this issue is: we make page layouts with a bunch of photos and masks that our devs then export and put on the actual webpage. But if it helps to visualize it, I made this file with an example that you can take a look at. Your replies here are by far the clearest I’ve seen regarding this and it’s still confusing to so many users.Īs for my image issues, I didn’t necessarily want a response about that specific photo, I was asking in a more general sense why a picture would lose quality when downscaled. I’ve reached out to support about this a while ago and didn’t get a response that properly explained this behaviour. Even just having the pixel preview setting on by default would probably clear up half the doubts I see around this issue. ![]() It’s just bad usability to have no explanation in the onboarding or during your first export about this very important aspect of UI design. Did you account for that?ĭo you actually need to export? Is there any reason you are trying to export this frame instead of simply downloading the original screenshot from the Inspect tab? Unless you did some changes to it, you can just grab the original file. Exporting such a screenshot at 1x would result in decreasing the original resolution by 2x. 100px screenshot becomes 50px object in Figma. Screenshots on Retina displays get resized down 2x while keeping the same resolution when you insert them into Figma. ![]() You can enable pixel preview to make sure you see the image in Figma just as it would look when exported. It seems like the original file is just an image (screenshot) in a frame: what are the dimensions of that frame? If you resized it down, obviously it would export smaller even though it looks good in Figma. Answers to these questions might help too: If you can share those I can explain what went wrong and how you can export the file correctly. Without the original file and the explanation of how you exported this file it’s impossible to say why this happened. Your screenshot is a compressed blurry jpeg but indeed I see some pixelation on the bottom picture.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |