Ask the Community

Hi! I was wondering if there is a solution for this: I have an Instance with 5 properties. The Main Component of this Instance is missing. How do I turn the Instance into a main Comp again without (!) loosing the properties. Of course I can just click on “create component” but that will just nest the instance in a sub-layer (and by that the properties of the redone Main Comp will not show the properties in the Prop Panel) Thanks!

I’ve downloaded a new version of Inter from the website itself. For some reason, the one that appears in Figma is the old version from Google Fonts. I want to use the new version of Inter because the italics are better than the Google Fonts’ version. Here’s the comparison between the two (bottom is old, top is new): I tried following the guide for managing conflicting fonts, but it yields the same results. Is there a workaround for this?

Hi fellow designers, I’m facing an issue with a Text Area I borrowed from the Polaris Design System. I’ve customized it, but a link/text remains attached to a frame that isn’t a component. Does anyone know how this is possible and have suggestions on how to remove the link? I’ve looked everywhere and can’t seem to figure it out. Thanks in advance!

We’ve been exporting png images through Figma’s API and we noticed our image file sizes changed around the start of May. Upon investigation, it showed that the images have the color profile metadata removed. Recently (around 2 weeks ago), we noticed the color profile came back resulting in more file size changes. We haven’t been able to verify if this is something that we updated within our project or if this was a result of some changes with Figma and/or their API. We tried playing with the Figma color space setting but didn’t see that having any effect. Curious if anyone else has seen similar behaviour or knows what could be causing this?

Howdy 👋 One of the initiatives in DesignOps at my company is to improve quality of design. As part of this work, I’m trying to make it as easy as possible for designers to record design debt in a systematic way and have a neat way to the prioritise and clear that debt. I’ve built a proof-of-concept that allows anyone to add a #designdebt comment in Figma and have it create a corresponding debt record in our Design Team Airtable. From here, they can enrich the debt with additional information, categorise it and assign it. The issue I have is that this is made using Figma webhooks (via Julian Pfeil’s Webhook Configurator plugin) and a webhook seems attached to a single team - Does anyone have any suggestions for a way to elegantly handle this across all existing and future teams? We’re a large org with more than 60 teams and I don’t want a webhook (and corresponding Airtable automation) per team. Some more nuanced technical flow for the setup right now: User adds “#designdebt” c

Does anyone know how I can scale the header tagline for my website to be responsive in Figma? I’m creating the desktop version right now and while the headline looks good on Macbook 16" inch, the typography gets cut off on smaller desktop versions like Macbook Air. I tried adding an auto layout to the parent frame so I could choose “fill container” for the headline, but then it messes up the responsiveness of my background video for the frame. Does anybody know how I can make my headline responsive? For clarity, I have the headline in the center of the home landing page at 90 pixels.

Hello community, I’ve been experimenting with a conditional prototype and encountered an issue where my “else” statement is not being executed. I suspect I might be missing a step. Here’s my scenario: I have a checkbox component. When checked, the pricing should increase by $20, and when unchecked, the $20 should be deducted. Here are the steps I followed: Created a boolean variable for the checkbox. Created a number variable for the pricing. When I check the checkbox, the conditional prototype works as expected, and the pricing increases by $20. However, when I uncheck the checkbox, the “else” statement does not execute. Any help resolving this issue would be greatly appreciated. Thank you! Adding the interaction for reference: Else condition.mov - Google Drive

I was looking at the all plugins list and what I get is some filtering but no sorting. Did the Figma team forget to add it ?

while vertical scrolling, i am seeing a gap at the bottom of the menu bar, between the frame and menu bar, i am able to see the images being scrolled through that gap. Can anyone help?!

Hi, Im struggling to get my component wiring up quite right whilst also firing an overlay, any help for the solution or workaround would be great. I have an input with 3 states, Default, hover and focus. Default > Hover = while hovering Hover > Focus = while pressiing Focus > = onClick (Open Overlay) Then in the prototype, im setting the onClick to open the overlay i want. When im doing this the hover is working and the on press is firing as I can see the added stroke but the click isn’t firing the overlay. It does work however if i set the state on the input to focus straight away. Seems to be getting into a mess when it is going from default to hover to onpress focus all together. Been pulling my hair out so any advice be amazing thanks! Hope supporting images help.

Hello everyone, I am new to Figma coming from XD. I am in the process of creating components in a new project. One of the components contains an image that I have clipping masked at the top. Every time i create a new instance of the component i can change the image but i cannot move the image inside the component! How do i do this? Thank you for your help.

I have been using Figma for over a year but never ran into this problem. All of a sudden my plugins stopped working and I can’t use any plugin. It shows me that I can’t open this plugin in this file but even when I create a new file I can’t open any plugin. Please help.

When I run my prototype in preview or presentation mode it works perfectly fine. But when I try to use using Figma mirror or if I open it on a phone from a link elements are missing, content based on boolean variables doesn’t show, or components reset when they shouldn’t. I can’t figure out what the issue is. I’ve already tried clearing my cache and restarting Figma. I can’t test because of this.

I have only recently started using variables in Figma. I have color variables and tokens set up, and am now in the process of replacing selection colors with the variable colors and tokens I just created. I was able to select all my components and variants and change the selection color with Hex 000000 (or black) with one of my new tokens. It worked wonderfully and I managed to see broad changes applied to almost everything that was Hex 000000 with the token that I named “Color/Surface Primary 2”. However, there are some things (7) that won’t change color no matter how many times I try to replace the selection color with the token color. They will only change color if I select a custom color. They don’t seem to want to respect the token. Instead, I see that the token “Color/Surface Primary 2” gets applied, but the color box still shows as black. Can anyone help me troubleshoot this issue? Please see link for screenshot! The red boxes in the screenshot contain the components/variants th

Hello! does anyone know if this is possible? When i click a value on a certain page in my prototype, the exact same value will appear in another page to show all the values. A new user here! Please help me out!!

In my Figma prototype, I have a sub menu (set to scroll vertically) within a main screen (also set to scroll vertically). The sub menu scrolls and so does the main page, but when the sub menu reaches the top of its scroll frame, it does not assume the main scroll behavior to go up the main page. it comes across as broken to users at the top and bottom of the scroll. How do I fix this?

I am trying to use one of the swatches from this community resource: https://www.figma.com/community/file/1224860994714982753/dotted-canvas-patterns Specifically, the 3rd “light” one from the “textures to copy and paste” page: On the resource’s “mocks” page, the swatches are shown in action, and the spacing is perfectly regular. For ex “Example 04”. However, in my project, I’m getting this uneven spacing at regular vertical intervals: I believe I am using the exact same settings. 50% tiled fill. What could be causing this, and how do I fix it?

Hi guys, So I have a component which has a few buttons inside of it. In the prototype, I want one of the buttons to change to HOVER in the prototype, so I’m using the While Hovering action. The problem is that in the Change To section, I can’t actually control that button inside the parent component, but the parent component itself, which makes absolutely no sense. Is there a way to simply control the button inside the parent component? Thank you kindly, Chris

Hello! I’m a contractor with a paid professional Figma license. I’m working with a company with a tight budget and they added me as an editor to one of their Figma designs. They used the email that is associated to my Figma account but are being charged for a new Editor. This has to be a common scenario for a company to add a contractor with their own account, they shouldn’t be charged by Figma as a separate editor? How does a company add an existing Figma account holder outside of their organization without getting charged?

When I try to publish an updated library, it stops responding when it reaches the infinite spinner with the ‘Publishing Library’ toast message. If I close the library, it shows that none of the updates were published. Same result on Mac app, web app, old UI, new UI. Please help!

Hey team, I’ve been looking into creating responsive icons which brought me to adding the icons as fixed-size auto-layout. It did work adding it to the buttons on a variant level but when I start copying them, the icon doesn’t respond to the adjusted size. Is there any clue how this could be fixed? The one selected within the screenshot should reflect the same one on the right side which works switching it on the main component but doesn’t work if I made the switch on the copy.

Hello. I’m relatively new(ish) to Figma and find it very frustrating. It’s like trying to paint in boxing gloves. Could anyone explain to me how the colour library works? I have three brand colours, each with tints. I set them up as variables and local styles. I cannot export them to another file. Why? Everyone suggests a plugin, so I found one. It doesn’t work. When I want to change the colour of an object via the Fill option, the panel gives me a Libraries panel (Square icons) with a Styles panel at the bottom (circular icons). The Custom tab gives me a colour picker and the Library colours. I can choose the tints from the Library but not in the Styles panel, despite having them set there (via the edit style icon). So my question is. How on earth are you supposed to set and maintain a brand colour palette that you can use on multiple Figma files? Local styles? Make a library and somehow export a JSON file? Eyedrop each time? Guess? What do you think is best practice? Thanks, Will

Hi, I have been working on one of the project for 2 years and since last 2 weeks I am continuously stopped to access my project, my access turns in to ‘View only’ Today, I have been forcefully stoped my access for view only too.

Hi Figam Community! New user here primarily using Figma for design and social graphics. This might be a very, very beginner query, but I’m looking for a general idea on how to “clean up” or smooth out graphics. For example: The image above just feels a bit messy — hard corners, unevenness, etc. I want it to feel a little “loose” and cartoonish, but I feel like there are ways to make it feel a little more real and organic. Any advice? Appreciate you all!

Hi all, I am experiencing an extremely weird (seemingly) prototype behavior and I would like to find out if that could simply be a Figma glitch that will resolve itself in time. I am sorry to say I can’t publicly share the project, but I’ll try to explain. Here’s the setup: A header component (with a burger to show/hide menu) A menu component A wrapper component that wraps the menu and the header components (to deal with responsivity, i.e., to have the menu stretch to the height of the page) The wrapper component is what I use in my screens, and it has two states - menu open and menu closed. Here’s the problem: My homepage has a ‘Button’ (not in the menu) that links to a different screen/frame. My menu has a ‘Home’ button that leads back to home screen/frame. When I press the ‘Button’ for the first time, it simply goes to the respective screen - as expected. When I open the menu and hit ‘Home’, it goes back to home screen - as expected. 3. When I hit the ‘Button’ for the second ti