Ask the Community

Hello, when I try to fill this icon:   I get this: What am I doing wrong? Thank you.

Hi there!Not so long ago we switch our components in Design System from Color Styles to Variables Colors. However, after publishing changes and updating design files, I still can see Color Styles in our components instead of Variables in design files. I assume, It’s because of overrides made by previous designer, but there are way too much mismatches for a just overrides.  First screenshot is from our Design System, where we switch to Variables, so it’s trueThe second one is from Design File with Color Styles Can you help please?Thanks

Hello! Our company has paid for a one-year subscription using the "Professional team" tariff. But the workspace is still blocked. When we try to edit, a window pop up that requires update our payment source. Could you please tell me what it might mean? How can we unblock figma, provided that that we have a paid subscription?

I’m experiencing a strange issue with a Figma file where I’m the original owner. The file is showing an error stating it’s an "Unassigned Drafts File." Upon checking the file’s access permissions, everyone, including myself, is shown as having "View Only" access, despite me being the actual owner. Since the file is marked as having no owner, I’m unable to edit or make any changes to it.

I started a course in December on UI/UX using Figma. I applied for a student account and whiles applying the time I gave for ending the course is January but I'm halfway through the course. Can I reapply for the student account after my student account expires? 

I have created rows and if user select any row basis on that counter will run and delete button will apear. My query is If i selected any row then by clicking on the delete button how can delete a row and counter should change into - (decreasing form).kindly help me.

Hi everyone, just a curious with some feature, in front end side we can do some logic with max and min width using media query in css, like example i want [A] element only show in 580px viewport, but [B] element will show if user viewport more than or equal 580px/590px can achieve this condition in figma? and how? 

Am I in this situation? “Payment failed. Our last attempted charge was unsuccessful. Please update your payment method as soon as possible. File editing will be locked after 3 failed attempts” .How to fix?

I couldn’t figure this out but I keep running into this and figured I’d ask.Let’s say I have a component like an accordion with a title, description, and arrow icon.Today, I can add a boolean property like “Is Open” that will show/hide the accordion content as well as text properties and then finally I know I can do an instance swap on the arrow for up and down.However, I’d like the arrow icon to be automatic since you should never have a disconnected “open” state with an arrow indicating closed and vice versa.Is there a way to say, for example, if boolean is FALSE I want true (i.e. in code !isOpen) to show/hide the right arrow? then I could have two layers of arrows (up and down) and then one is shown and other is hidden and vice versa when you toggle.If not any other methods to do this or do I need an entirely new variation just to flip the arrow icon in my example? An entirely new variation for that seemed overkill.

Here’s the Situation:We’re on an Organization Plan.We have a small subsiduary company that was working independently from us with a Professional plan.As we are going to have them start using our Design System Libraries, we want to transfer their projects and some of their accounts to our Organization plan. As they are also using Figma for a few different projects, they want to keep the Professional plan and some of their accounts. (The accounts do not overlap)Unfortunately it’s very unclear to me what the best way to do this is.First of all, there seem to be 2 different types of Teams:If I go to the Team dropdown and choose “create new” it tells me I’m creating a Team, and I am asked to choose a plan. So this would be a new account. But this Team would not have access to my current team’s Libraries… right?  If I go to the “All teams” tab under my current team, I can easily add a Team, which essentially is a folder with access permissions. (And in this new team I can add projects)Questi

Hello,I'm using the Figjam free plan, I've been working on the storyboard project for days. Is there any way to delete the current project after 30 days? I am afraid that my project will be reset. I would like to ask for your information on this subject.Sincerely,

I’ve been trying to edit a font style in Figma and the changes are not applying.  How can I get it to work?I’ve edited the font multiple times, and don’t see the change reflected in my selected instance or other instances. I’ve tried quitting and restarting. I’ve also tried applying a different text style, but the font doesn’t change then either.  

Hi Figma community, My team created a select input a few months ago with a nested dropdown component within it. This allowed for the dropdown to having a varying amount of options. We prototyped the select component to show the interaction of the select from pre-input, hover, click-in and, post-input. This was working smoothly up until a month ago. Now, when we try to change the amount of options or the label text in the dropdown menu, the component reverts back the default state in prototyping mode. Any thoughts on resolving this issue would be appreciated! EDIT:Trying to figure out how to upload a video illustrating what is happening to help explain what is happening.

Please search for existing topics before posting! Press 🔍 at the upper right to search.I am working on a project and it is divided into several frames. My problem is that when I try to export it as SVG, Figma responds with: “This file has run out of browser memory. Your work isn’t lost, but you won’t be able to use this file unless memory usage is reduced. In recovery mode, you can access tools and tips to reduce memory usage and continue using the file safely”. After this, I have looked at how much % of memory I am using and I get that I only use 8%, unlike other posts that have a similar error where the % reaches 65% or more. As a result of some testing, if I try to export it as a different file (JPG, PNG or PDF) it gives no problem. Only when I try to export it as SVG. As a last detail, I am using Chrome, on MAC. Best regards and thank you very much in advance.

Is there a way to build a prototype where a user can press a button to change the colour mode of the page they’re currently on? Eg. to change dark mode to light mode. But without creating a duplicate of every single page 🙂

I have a line of four buttons with for each of them a normal state and a clicked state, I would like that when one of the four buttons is clicked the others cannot be. How to do it I am blocked ?  Thanks

First, so sorry to bring this up again. I know we have all struggled with this for a long time. Gleb seems to be the only master to have really nailed it!​@Gleb ,had this solved pretty well in a previous answer to someone. I have made it work in the past, but this time I am at my wits end!I tried a lot of different options. I tried making EVERYTHING hug. I tried the fix to fixed size without auto layout. It just is not working for me.I have a navbar component with a round “seal” logo displayed. However there are times where a different size or shape logo will have to be swapped there. I will not be the one controlling the logo, so vendors could throw in anything really.Here is the file that I have along with a video showing how I tried to do it. Figma is being weird about uploading the file so you can view and get my Figma file directly here.  I REALLY do not want to have someone detach the instances in order to customize that, but I am close to scrapping the whole thing.  I am exhaust

A font shows up in Figma under “installed by you” as a new font but nowhere in my finder or font book. So confused

Im doing an app with your regular footer with the diferent sections, in this case a map, a list of vehicles and a report, the idea is that when you click in either vehicles or report the footer expands upward untill it reaches the header.i have a component with the footer and the two sections of vehicles and report nested inside with height 0, then when either is pressed it expands like the picture below:I have the heigth set to hug for now but it should be a fixed value to cover the entire screenthe thing is that when i try in the prototipe the footer expands downward no matter what i change (i tried changing the constrains and the auto layout order) making it imposible to see the items.like this, the footer expands downward and out of frameanyone now how to fix this? i want the prototipe to have just one screen but working with components makes it a difficult task

I have a layout that has typical navigation on top, and on some of the pages, I will have a disclaimer that floats (sticky) at the bottom of the window. When the expand button is selected, the disclaimer should expand upwards and stop at the bottom of the header nav. Also, be able to scroll down to read the disclaimer. I’ve been trying all sorts of ways to do this to no good solution; I can do this pretty quickly, duping the layout and linking to the new layout with the disclaimer expanded and in position. I would like to do this in one layout if possible. See the attached Figma file and screenshot for what I’m trying to achieve. https://www.figma.com/file/hPeVw7S9VvTxRUIbvV9a8S/expanding-footer?type=design&node-id=1%3A27&mode=design&t=t3UWPakF5t8WXxQP-1

Hi Everyone,Hoping to get some help with component animation. I have two components. The first component has a bar in it that uses after delay and smart animation to change the color of the bar from green to yellow to red over 10s.The second component uses the first component and animates the first component across the screen, left to right, over 10s. Basically I’m trying to make it look like a timer that is counting down and changing colors the closer it gets to zero.However, when I drop the 2nd component into a frame and run the prototype the 2nd component animation runs first and the once it’s done moving left to right THEN the 1st component’s animation of changing the bar’s colors runs. Is there a way to get the animations for both components to run at the same time?I’ve added some screen shots to hopefully help visualize things. In the bottom right you can see the green bar moved across the screen, once that was done then it changed from green to yellow to red. Again I’d like that

Hello! I would like to know if there is a way to transform text to RTL using the Figma API. I would like to replicate the behavior of the button to change the direction of the text that Figma offers, but doing it from my plugin, and I currently can’t find a way. Thank you very much and greetings.

I am a Design Ops Lead. Our organization uses SCIM for provisioning. Currently, the process for adding new users is tagging me in a Jira ticket to grant permission to the user via the Figma admin panel. Until the user logs in, I cannot grant those permissions, so I send an email advising the user to log in via SSO. Let me know when they have logged in, and then I can grant permissions. This seems like a lot of steps. Is there a simpler way? SCIM, SSO, Admin, Members, Permissions

Hello, I spent some time trying to find a response in existing question but wasn’t able to. Here’s my problem: I have a text object that would show 593x89 (width and height) in the properties panel.  But, when I export the element to PNG, the file I get is smaller (cropped) 587x61 px The exported file is used to create HTML code to replicate the figma file, so when we set the asset to the same position that in the figma file (e.g. top: 219px, leftL 56px), it’ll look off position, because of the missing “padding”. Here is the exported “cropped” asset on top of the original image:  Is there a way to export the asset with a size matching the figma object, or to find out the “cropped” top and left pixels so it can be added to the top and left position? Thanks a lot in advance 

I faced a problem in Variables in @figma How can I turn LTR to RTL like this example from English to Arabic . Anyone solved or faced this problem?