Ask the Community

I'm working on a website design in Figma and have a full-screen image placed below a navigation bar. When I resize the window, the image scales correctly but gets cut off at the bottom, as if there's an invisible limit. I've already made the page longer, but the issue persists. How can I fix this so the full image is always visible when scaling?Would appreciate any help!Gif ExampleIn the following example you can see that when I drag the window to the right to enlarge the window, the image doesn't scale with it on the bottom, almost like there is an invisable limit like stated above.

Hi guys,Anyone know why these thick borders appear inside the main frame? Also, did the forum change? What was wrong with the old one?Thanks  

Hey everyone,  I’m making a Facebook Group banner for a client. After using the Facebook banner frame, when I upload the banner it still appears blurry. I’ve tried exporting it as .png and .jpg, at 1x-4x, and changing the size of the frame while keeping the same aspect ratio (16:9).From the research I’ve done, the reason this is happening is because the aspect ratio or size of the actual exported image is incorrect.Has anybody been able to export a Facebook banner and get it to not appear blurry? Or will I have to use a different platform. (Example of what the banner looks like. It could be worse, but it’s still unprofessional and I’d like it to be fixed.)Thanks!

Hi, After creating a button component and clicking on the text field to add the text property (under the text parameters), when I get to the main component, the variant doesn’t appear. When I and add a variant of the button, Figma doesn’t care about my text property, it reacts as if there is no “current variant”. After investigating many forums about this problem, the “variant” of the text property does not display when it is supposed to. I have tried so many things to get this right, starting from scratch, updating Figma…, etc. I hope you can help!

I am creating a simple app as part of a school project to help users understand their HbA1c levels and what they mean for their health. HbA1c is a measure of average blood sugar levels over the past 2-3 months, and it’s an important test for diagnosing diabetes and managing blood sugar.This app is designed to let users type in their HbA1c level, and based on what they enter, the app will provide information about their health:If the HbA1c is below 5.7%, the app will display a message saying their level is normal and they have no diabetes. If the HbA1c is between 5.7% and 6.4%, it will inform them that they are in the prediabetes range and should take steps to manage their health. If the HbA1c is 6.5% or higher, the app will indicate that it’s a sign of diabetes and recommend seeing a doctor for further guidance.My GoalAs a beginner in Figma, I’m using this proj

Hi everyone,My team has an Organisation account and we have 1 library file which we use to get all components. What is the best way to update components when 15 designers are working on it?I need a plan how to review, approve and update components without branching. Example: I have a card component, I assign 3 designers to work on a modification to it.They copy the component into their own file, detach it, make modification and send it back to me. I review all 3 and I select 1 version. Now, I go to main componet and need to make changes manually? There must be a better way?  All ideas are welcome!

Hi, As an animator it’s so frustrating seeing the lack of functionality for Lottie files compared to other packages like Flutter Flow. Animating in Figma is fine for most, but not for an animator, creating animation-heavy apps. I need After Effects Animation for character animations and other complex animations. I need Lottie files to play animations in Figma just once on splash screens etc. Seems so basic for a massive app like Figma… Please let us know if this is being looked at, otherwise, we will have to stop using Figma for creating apps. Thanks, Andrew.

I have a design system that uses 2 modes, and have recently added 7 more modes. They show properly in the Variables panel (now split between two Collections), but when I go to select them in the Variable Modes dropdown, I only see the initial 2. Do modes only register the first created Collection? If that theory holds true, it seems like my 9 mode example below should only show 1 mode in the dropdown, and it’s still showing the initial 2. My 2 mode structure:themes (collection){ theme1 (mode){...}, theme2 (mode){...}} My 9 mode structure:(For clarity, yes, theme2 moved from one collection to another below)themes (collection){ theme1 (mode){...}}variations (collection){ theme2 (mode){...}, theme3 (mode){...}, theme4 (m

I have made a dropbox with component sets and here is the screenshot:  As a newbie in figma… I want an interactive Next button so whenever the user clicks any of the Emirates or any of the cities the next button would appear or else it would remain hidden. Any Solutions?

I’m moving from Adobe XD over to Figma, and I find working with images rather awkward. I’m currently trying to scale an image up. I set the image treatment to “crop”, but when I attempt to scale the control points, nothing happens. I’m wondering if this is a bug? Any help would be much appreciated.

I tried to use function change to in the component but it’s not available. What did I do wrong?

I’ve created many web designs in Figma recently but suddenly in this sheet any text I paste (from my typical Apple Text Edit) is appearing as grey, ditto with the once white bullets because when I create a new bullet by hitting return on the sentence above it’s also grey? How do I set the default text to white? Thanks

i used to be able to just drag and drop a new design on top of the main component and it would change all instances, but now when i try to drag and drop a new design into the main component it just places it over top of the old design. its starting to frustrate me because i think i’ve tried everything… thanks in advance

Framing QuestionSometimes, you might discover that a layer, which appears to be inside a frame, is actually outside of it—placed directly on the canvas. It just happens to share the same x and y coordinates as the frame. When you move the frame, some layers suddenly lose their positions because they weren’t part of the frame. This can be quite frustrating.Usually, when I encounter an orphan layer like this, I have to find it in the layer list and drag the item into the frame list item. Alternatively, I drag the layer outside the frame and then back again to its original position. This is also an annoying process.However, I’ve noticed that when I drag a layer that isn’t part of the frame, the frame underneath sometimes highlights with a blue line, suggesting there’s a way to add the layer to the frame directly.So, is there a shortcut or similar method to add a layer that is atop a frame to the frame easily

I created a component with two variants: State: Collapsed and State: Extended. Basically, the first one is when it’s not clicked, and the second one is when it is clicked. I changed the text in the second variant, but in presentation mode, the text doesn’t seem to update. In the prototype, I picked “change to” to switch from collapsed to extended and vice versa. I’ve attached a video to show the issue. This is the first time I’ve run into this little hiccup, so I think I might have forgotten something or overlooked a detail.Figma question

Hi guys! I'm trying to prototype this section, and i wanted to know if it's possible to change the image A, for an image B when it's aligned to the SECOND TEXT. I attached a gif so you guys can understand better what I mean.

Found nothing regarding this in a Search, so asking here. The Help doc shows an icon to adjust Paragraph Spacing just below the Line Height icon. But in my settings panel this Paragraph Spacing icon/adjustment is not visible. Has it moved somewhere? Thanks.

My Right Side Panel Menu disappeared! HELP! Control+\ does not bring it back!.

I have a file with a design system, and I want to preserve the properties of the components in Figma into new file and create new components in the design system with the same properties but with different tokens. Essentially, I need to detach the old components from the old design system into a new one. I need variants of the old components. May be we have some plugin? Or I can do it just in Figma?

Hello I’m using a professional plan on Figma I’ve enabled the AI feature in the settings, but it doesn’t show up in the toolbar. Could this be a bug, or is there a way to make it appear?

I was wondering if there is any way to drag and drop and image from your desktop in a FigJam so it swaps the image out, rather than stacking on top. Any help is appreciated!

 How to filter search results by Drafts only? 

Currently making a prototype for book reserving. Upon clicking check in, it’s supposed to toggle a variable checkActive to true. It’s supposed to look like this but instead it toggles the two other windows from some reason?  What’s the issue here when I have affixed the appropriate variables to each window’s visibility? 

In my design library, I’ve created a component a component with a light transparent image background, I want it to switch to a dark transparent image background if in dark mode - This seemed the only way to add transparency that didn’t apply to the child elements inside of the component. This usually works fine for most elements using local color variables in this design library… but I can’t make an image a variable.How have others solved this challenge? I don’t want to do this with interaction triggers, because this is a library element, and I don’t want to create a variant, because that defeats the purpose of having a mode. 

Figma flickers when loading or when switching between tabs or zooming. I couldn’t find how to fix the issue on the internet. I use the application on Windows. This is not visible in the screen recording. I have a video on my phoneaccounts.google.com