Ask the Community

HiI’m looking for a plugin to convert CSS colour variables to Figma colour tokens.For example, I could feed the plugin these two CSS colour variables  --card-okay-icon: #4ade80;                    --card-okay-icon-bg: rgba(74, 222, 128, 0.2);  and plugin would produce screengrab below.I can find lots of plugins doing it the other way round but not finding any that match this direction (CSS → Figma Variable)  

For some Time I have been researching a way in Figma for a swipe or probably rather drag gestures that moves diagonally vs. Just horizontally or vertically. Think fruit Ninja Game, basically you can slice a fruit from any angle. The Idea is to have an object in the center surrounded by multiple buckets, and I want to drag that object into its respective bucket. Then I could transition to next screen indicating that the object has been added to the bucket. To be more clear some of the buckets will be off-set obviously and not on the horizontal or vertical axis hence “diagonal”, see image attached. So ideally, I tap the red item and drag it into the bucket. That action should also be reversible, to empty the bucket. And it should work in one smooth way, so the moment I tap it I am able to drag it.

I’m currently working and collaborating with a large team on the following:Design File (Each designer has their own branch) Design System File (Each designer has their own branch)Now, I’d like to link my Design System branch to my Design File branch to preview the impact of my changes without affecting the rest of the team's work. Is this possible?

When I create new variant properties, or new text styles, the newest addition will land at the bottom of the dropdown list in the right hand pane. Is there a way to reorganise these?

Im trying to create a search bar in Figma. I have the bar set up, but the search blinker I created isn't behaving as expected. I want it to move behind the typed text, but instead, it keeps reverting to its original position, which is between the search icon and the word search or to the end of search bar entirely 

I recently submitted a request, but I haven’t heard anything back. Ticket no.: #1185771. How can we get in touch directly with someone from Figma?

Hi People, new to Figma so apologies in advance for the long winded question. I have a Figma profile that is linked to my email address and have been using for a while. Recently posted a question in the community and noticed my handle was a randomly generated name so i changed this (to what it is now). The email address was the same as my Figma Profile, where all my files are. I accessed the Figma community page via googling Figma Community. i DID NOT ACCESS via WHERE MY FIGMA FILES ARE. A few weeks later I went to ask another question in the community but this time I accessed it via the page where all my files/projects are. I clicked on the community Profile via the dropdown menu on my name in top left corner. I noticed that my community handle was another random generated handle. Went to change it to what I had already changed it to a few weeks prior, but it said that name is already taken. I changed it to something else in the end. Now i have x2 different community handles both on t

Hi. Subject. Working with default UI is a pain. It sometimes doesn’t even rename the variables. Bug, maybe. But overall UX is sad :(  Is there an alternative UI out there? Like, I dont need EXTRA features. I want figma variables functionality only. Just with a better UI.

I’m using Figma on Windows 11. The desktop app keeps disappearing every now and then. Kindly tell me how I can resolve this problem.

Hello, my company has a design system that we have set up using color and text styles. We are now planning to launch another product within the company that will have completely different branding. We will be sharing some more simple components between the two products but then will also have product specific components. I would love any advice that you have on the best way to build this second product design system.I am thinking that I will have to re-do our current design system to utilize variables for color and text instead of styles so that way I can create different variables for different branding. (If all of my components are now using styles will this mean that I have to go in and manually update every component to use the variables instead? Or are there any shortcuts to batch this process? We currently have about 800 components so would be a very large lift to do one by one.) And then was going to create an additional component library that would hold components that are excl

  I received a notification email stating that my Figma Education Plan is about to expire. Currently, I am attending a bootcamp to prepare for employment, so I would like to extend my education plan. However, I am unable to renew it due to the following error message:"Verification failedYou’ve already used up your free access to the Figma Education plan."It seems similar to the issue attached below. Could you provide support to help resolve this problem? 

Hi,I’m trying to login to my figma account [redacted by forum admin/moderator to remove PII] through my school email Id which is now not available anymore. When I tried logging in, it sends an authentication code to my school email ID, which I cannot access anymore and hence can’t login. Could you please help me login or change my email ID to my work one? [redacted by forum admin/moderator to remove PII]. I have some important figma files that I need to access :( 

Hey everyone,I have a page header component that needs to adapt to different screen sizes. I've created two variants: one for a 1440px-wide format and another for a 1200px-wide format. I want the component to automatically switch between these variants based on the frame it's in—either "1440" or "1200."Any suggestions on how to achieve this? Thanks!

I am encountering several errors while running my Figma plugin, which converts websites into editable Figma designs. The plugin fetches website content, processes HTML and CSS, and transforms it into Figma components while preserving styles, layout, and assets. However, I am facing manifest permission issues and syntax errors, which are preventing the plugin from functioning correctly.here is the project url - https://github.com/aditya-sphereoutsourcing/figma-htmluiError Details Manifest Errors Invalid permission specified: currentPage Invalid value for networkAccess. If you want to allow all domains, please add a "reasoning" field to the networkAccess object. Syntax Error in Vendor Core File   pgsql CopyEdit Syntax error on line 52: Unexpected token . parsed.textContent = element.textContent?.trim(); ^ Multiplayer Session Connection Issues The console repeatedly logs [MultiplayerSession] connecting to wss://www.figma.com/api/multiplayer/..., followed by multiple reconnect attemp

as i am trying to build a plugin but i am getting multiple error i need help https://github.com/aditya-sphereoutsourcing/figma-htmlui manifest error ```[MultiplayerSession] connecting to wss://www.figma.com/api/multiplayer/skAAAf7VyQmRisgj13EAP8?role=editor&tracking_session_id=7rHTmiATEjOrmCbe&version=132&recentReload=0&file-load-streaming-compression&user-id=1152675224738433395&client_release=ec4382e63ff24ce1638430575c5ae5984142263a&clientID=d81ea5e1344845d08ab3e9592a1acc93vendor-core-c0e306375f090f60.min.js.br:77 [MultiplayerSession] Joining file version 70 (full reconnect)vendor-core-c0e306375f090f60.min.js.br:77 afterJoinEnd PageSyncing: Loaded incrementally Objectvendor-core-c0e306375f090f60.min.js.br:77 Manifest error: Invalid permission specified: currentPage(anonymous) @ vendor-core-c0e306375f090f60.min.js.br:776vendor-core-c0e306375f090f60.min.js.br:77 [Local fonts] using agentvendor-core-c0e306375f090f60.min.js.br:77 Manifest error: Invalid value f

I have been trying to create components for navigation controls, radio button sets, and dropdowns that show an existing selection with a checkmark. Each of this interaction use cases calls for mutually exclusive logic for a successful prototype: Navigation Control: Only one section/page/screen can be shown at a time and thus the corresponding section needs to be “highlighted” in the Nav Control. By default, one section should always be “highlighted” as selected while the other sections are not. Radio Button Set: One option needs to be shown as selected by default (there is no “no selection” for radio button sets by default). When the user selects a different option, all other options must be deselected. Dropdown List: In some cases, Dropdown Lists will show an existing list option with a checkmark next to it. This reflects an existing choice made among the options (it might very well be a system default shown the first time a user encounters this list of options). When the user select

Hi, I try to move a bunch of master components from a local file to a library file. Those components contain everything you imagine (variants, nested components, overrides, etc.). I followed the instructions in this article: Move-published-components I have no problems in publishing the origin file (no invalid assets or other problems). So when I now cut the compontens in the origin file and paste it into the destination file, I get the following error: “Some components were reparented to avoid a dependency cycle.” Does somebody know, what this message exactly means? How can I avoid that message? Is it even a problem? (I didn’t dare to continue and quickly undid everything via CMD + Z) 😉 Thanks for your help! Ben

The interface is simply gigantic, how can I mastobate it? what hot keys? please help 

Hello! I just signed up and got verified for Figma for Education and followed the steps to create a new Education team (Wisconsin Virtual School). My profile says “Education account, but the team still says “Free and I run into limitations that prompt me to still upgrade to the Professional plan (ex: only having 1 project). Is there just a delay in fully verifying my account even though it appeared as though it was all set? Or am I misunderstanding the explanation from Figma about what this Education plan entails?  Thanks for any insight!Meri

Does anyone know how this card open on hover is done? Ive tried but the difficulty is that the other cards reshape to the custom size for each one that is opened?Or if there is a template for this kind of Component that would help lots too thanks! 

I am an admin on a paid subscription and have given a user in my team Full Seat access for FigJam. Now he’s trying to edit a FigJam file created by me, but he needs to send a request for edit. Why? He has a full seat and I don’t understand why he cannot edit or even create a new FigJam file. Any ideas?

Hi everyone,I’ve been working on a project to design a user-friendly website, and I’m looking for some advice. I came across this site, which has a good design of the site, but I’m curious if anyone has other examples or recommendations for inspiration.I’m particularly struggling with balancing aesthetics and functionality. Does anyone have tips for creating designs that are visually appealing while also being easy to navigate?Also, how do you handle optimizing designs for different devices and screen sizes? I’d love to hear your thoughts and experiences.Thanks in advance for your help!

Hi guys good morning! I have a question in Figma. In the same page, I have fields for prices.When I enter a price, the total amount for the price should update:For the moment, I duplicate frames.  I was wondering, is there a way to use the variables to not duplicate the frames (make it less “messy”).Thank you so much for your help! Marine 

Please make it possible to disable white space padding on exports. Look at the attachment, this is just a single square and exported so much white space is added. I don’t want any white space, let alone this much.

I have created two separate components for Male and Female, each having two variants:Default (Unselected state) Selected (Pressed state)Problem:When viewing in Prototype mode, if I click on Male, it changes to the Selected state, but Female remains in Default (which is fine). However, if I then click on Female, both remain selected instead of Male switching back to Default.Goal:How can I ensure that selecting one option automatically deselects the other? I want only one variant (Male or Female) to be selected at a time while navigating the prototype.