Ask the Community

I’ve been using Cursor to vibe code some screens to help me speed up prototyping, which has been super helpful up until a certain point. When I needed to expand the prototype, I found myself wishing I could just pull the main screens back into Figma with all the design system components already in place.So far, the closest I’ve gotten is exporting HTML/CSS files, but I still need to manually rebuild them in Figma. The design system were built on React. Has anyone looked into this?

I want to change a variant and open an overlay with “Position: Manual” after a “click trigger” in Figma. The trigger performs both actions, but the overlay opens as “Centered” instead of “Manual.” Any suggestions? Thank you!

I’m trying to create the following scenario in my Figma prototype: There is an input field and a disabled button. Once the user types at least 3 characters, the button is enabled. Is there a way to use conditionals and variables in Figma to do this? Here’s an example of what I’m working with: https://www.figma.com/file/UbQIf2uwqG8bxYIIX1gh2D/Typing-prototype?type=design&node-id=1817%3A47672&mode=design&t=MRMxUzaH6xB5K0GK-1 Any help is appreciated!

Hey everyone, I am creating a tinder-like app for my class final (due today!!) and everything was working fine until we sent it out for user testing and started to see that at times the prototype will crash and just produce a white screen. We have tried it on multiple different devices and no dice. It is 4144KB when downloaded with variable, smart animations, components etc.We see the crash most often when executing the swipe feature.Any assistance would be great! Here is the file: White 

I am working on a mobile prototype and want my users test it in the browser from mobile phones (not using Figma app). I made a proto for iPhone 13 dimensions and of course when you open it in browser, the screen dimension is smaller due to browser nav and status bar. I want my proto to fir the screen (may have empty space on the left and on the right) but the proto height will be fitted to the screen. Fir the screen in settings doesn’t work.

I’m on a mac and I can’t log into the desktop app.I can log into the web based version but when I clicked ‘open in desktop app’ it opens the app and asks me to log in again - I’m going round in circles!!!  😵‍💫What is going on?

Hey there, I’m looking for help setting up the UI for a Figma plugin.I am using a non-null origin, and testing the code using “https://www.google.com” figma.showUI( `<script> window.location.href = "https://www.google.com"; console.log(window.origin); //null </script>`, { height: 600, width: 400 }); I’ve included google in the manifest as an allowed domain.  "networkAccess": { "allowedDomains": ["https://www.google.com", "https://*.google.com" ], "reasoning" : "For testing purposes", "devAllowedDomains": [ "https://wwww.google.com", "https://*.google.com" ] }All I see in the plugin window is a white box. The console isn’t throwing any syntax or permission errors.Does anyone have a suggested fix? Is there something “basic” that I’m missing? (like, not testing showUI with google)Thank you for your time.

Hello community, hope you are having a fantastic day today.I'm reaching out because I need your help in the matter of design system and Figma libraries. Let me give you some context: in my organisation we created our design system ui kit by having a foundation library, that would serve as base for the components and then two secondary libraries (Web and Native) in order to plug the instances from Foundation.We did this because originally we envisioned the Web ui to be quite different from Native one; the problem is that, this differentiation never happened and now we are stuck with two libraries that look essentially the same; this means that every time we create a component, we do it Foundation, we publish it and then plug it in Web and Native libraries and make components out of them. The additional problem is that the base component from Foundation has styles and variants, so essentially the secondary library components are just the same instances of foundation, nested into each oth

Hi all,I’ve created a form field component that needs to be used across multiple clients. Each client may require slight changes to the styling—such as hover color, border, and text appearance—to match their branding.The issue I’m facing is that when I use the component for a new client and try to adjust the colors, it doesn’t work as expected. One option would be to create variants for each client, but with dozens of clients, that could get messy very quickly.Is there a better way to handle this? Would using variables be a good solution? I’m looking for a way to keep the component reusable while still allowing client-specific customizations.Thanks in advance for any advice!

Can i create any from these websites

I have a file with local components. Every instance can be followed to the main component. I want to publish the file library. On the last step before publishing I have “Added (?)” message next to a few components (that work before publishing) saying: “This component was moved to another file. Publishing this new copy won’t update instances in other files.” The component wasn’t moved to another file. After publishing the library despite this message all local instances are detached and my only option to follow back to a component is to “Restore main component” - but the component was there anyways, it seems the connection breaks? When I click on “Restore main component” it places the same component on top of the one that now doesn’t seem to work. When I delete the one that doesn’t work and publish the library again, same thing happens. Could someone assist with this curious case?

Good morning all, does anyone have a list of warning light descriptions please. Thanks Dave

I'm experiencing super weird behavior all of the sudden - Desktop Figma on MacOS, 15.4.1.Text that I copy from one simple frame (a blank slide or rectangle) won't paste inside another after selecting that other frame to paste in. It either pastes in the space between frames or in the original frame.And this follows behavior in which it WAS pasting in a new frame, but in the center of it rather than where it was originally positioned in the first frame! WTH is going on? No different with paste in place or paste here.However, shapes and other frames paste as expected. Help!

I'm working on a website section. When I hover over the 'Apple' button, I want the Apple image to appear on the left. I’ve tried using variables, but the images flicker. I’m not sure how to set it up properly to make it work. Thanks!(additional details: If by default no buttons is hovered, it will display “Fruit” image) Don’t wanna make the entire section into a component variant, I have title and description too. Don’t think is best practice.Related threads but not applicable to my case:  

I'm sure this is not my problem. I haven't deleted these frameworks. Because I was still sleeping at that time. This isn't the first time I've encountered such a thing. Why on earth did this happen??The version number is: v125.1.5 

"I downloaded the 'The esigner' plugin from Figma as per GPT's instructions, but instead of converting the file to PSD, I accidentally uploaded my design to the website https://www.theesigner.io/. Even after logging in with my account, I can't find a way to delete it. What should I do?"

I have multiple components that lead with the same prefix. I need to change these for each project as we have project numbers associated for each job. When I do a “Find” I can see the list of component names. However, when I do a Find/Replace, there seems to be no results found. Any help is appreciated.

This is so unnecessary frustrating!  

Hi everyone 👋I’m working on a Figma plugin and I’m wondering if anyone has already built (or come across) a plugin template that follows a similar structure or logic to Marmelab’s React-Admin.Ideally, I’m looking for a template that: Uses React or similar component structure Is designed for plugin development in Figma Supports a clear UI logic or admin-style layout, like what Marmelab offers Bonus if it’s already integrated with Figma Plugin API basics Any pointers, links, or even your own project examples would be much appreciated 🙏Thanks in advance!

Recently we have started a workspace restructure exercise and I’ve encountered a frustrating issue with customizing the icon.  The default icon is a full bleed as well as spaces we have created in the past but now there seems to be a white border which I can’t get past.  Is this something new or has anyone dealt with this before?I’ve attached an example of what it looks like.  To the left you can see the white border, then transparency, then the un-scaled icon.  To the right you can see the border persisting even when scaling the icon.  

Hi,I’m trying to share a presentation from Figma Slides with someone outside my organization and give them edit access. I’ve been sharing the link, but they keep saying they can’t access it.Is there a specific way to share it with people outside the organization?

 Im having a problem with comonents when the size is set by a variable and the aspect ratio is locked.https://www.figma.com/design/JZunLI0B65xrRYRCmKWt4I/Component-Size-var-Bug?node-id=0-1&t=0OWhhCZcN6yK8qEP-1 1: You can see in this doc the component is designed in 100x100.2: With aspect ratio locked and entering the size manualy to 120 things work as expected.3: When the size is applyed as a var the size is incorrect 109,54x109,544 Without the aspect ratio lock the hight is correct when the var is applyed5: The basic frame not made into a component works with the var as expected. Has anyone else noticed this behaviour and have you found a sollution? Thanks  

I have the following component that consists of a Text, 2 nested toggle instances and 3 nested input instances. When you click between the toggles, the input lable text changes/variation change. This works if I only have one instance of this componet, but when I hav multiplle instances of this component in the same frame, the first nested input field dosen’t change its label text in prototype mode. However, it works if I manually change the variant through the Design panel.Here is how it looks in prototype mode: Everything looks good Oh no, the first nested input instance in the first instance don’t change as it do in the second instance.used the add button (+ Tilføj ejer) to add a third instance. The seocond and thid instanc elooks fine.Trying to toggle the second instance, but oh no, now the first nested input instance in the second instance don’t change either. It only works as intended in the third instacne.What is going on? Whelp!? 

Creating New Human-Machine PartnershipsIn recent years, the landscape of technology has been dramatically transformed by advances in artificial intelligence. Leading this revolution are Large Language Models (LLMs), sophisticated systems changing how we interact with computers and information. These powerful tools have become indispensable for the modern artificial intelligence developer, who must navigate an increasingly complex ecosystem of models, frameworks, and ethical considerations.The LLM RevolutionLarge Language Models represent a quantum leap in AI capabilities. Unlike traditional rule-based systems, LLMs learn patterns from vast datasets of human text, allowing them to generate human-like responses, translate languages, write code, and even create art. Their versatility stems from their foundation in transformer architecture, which enables them to process and generate text with remarkable coherence and context awareness."These models have fundamentally changed what we though

 I’m working on handing off animations to a developer and I’m trying to understand the exact behavior of the "Slow" curve preset in Figma (under the interactions).I know Figma offers easing presets like "gentle", "quick", and "Custom", but I couldn’t find any documentation or cubic-bezier values for what the "Slow" curve actually represents.Can anyone clarify: What kind of motion the "Slow" easing represents? Is there a corresponding cubic-bezier value I can give to developers? Thanks in advance!