Ask the Community

When copying (Ctrl+A, Ctrl+C) components that are wrapped in a Selection frame from one file to another, the variable settings and the arrangement of the components inside the inserted Selection frame get reset. Has anyone else encountered this? It used to work fine before, but after the update, it broke. I tried to illustrate this with screenshots.OriginalPaste 

Hi, I am trying to find a solution to export a Figma design to Bootstrap 5 CSS and HTML. I tried several plugins but none of them generate responsive HTML using Bootstrap 5 classes. Sample HTML that I would like to see: Plugins that I tried: Anima AutoHTML Builder.io Codia-AI Figma to code Dualite - Figma to code Figma to Bootstrap 5 Plugin Figma to Code TeleportHQ - Figma to code Is there a solution besides doing it manually? Happy to pay for a professional plugin that can do this correctly. Thanks!

As a designer, I want to see where I used a specific color token in my design system project and have a preview when making color changes.

Hello. I dont have a computer, only tablet. Im also from not english-speaking country and that means that basic fonts are not usable in my language. I tried to find solution and way, how to set up fonts in web version from android, but couldnt. Do you know the way?

Hello everyone,I'm developing a Figma plugin with Create Figma Plugin toolkit that uses LemonSqueezy for license management, but I'm encountering persistent CORS issues. Despite implementing various solutions, I keep receiving errors like:Access to fetch at 'https://api.lemonsqueezy.com/v1/licenses/validate' from origin 'null' has been blocked by CORS policyProblem ContextMy plugin needs to validate licenses using the LemonSqueezy API. I've implemented a system where:The main thread (main.ts) sends API requests to the UI thread (ui.tsx) via figma.ui.postMessage() The UI thread performs the fetch requests and returns results to the main threadWhat I've Already TriedUsing a CORS proxy: I've attempted to use api-cors-anywhere.lemonsqueezy.com instead of api.lemonsqueezy.com, but still receive CORS errors. Implementing a UI-Main communication system: I've created a system where: The main thread sets an isUiReadyForApi flag when the UI is ready API requests are only sent when this flag is 

Hi Is there a way to reproduce this design without beaking the autolayout ? To fill with the grey rectangle I had to use a rectangle form but I need to break the autolayout.Thanks a lot :-) 

Hello everyone,I’m working on an M2 Mac, and all of my prototype files load fine in both web browsers and the desktop app. However, when I try to conduct user testing and the user does not have a Mac, the prototype won’t load (gets stuck with the bar about 99% full), so that we can’t continue the usability test.So far I’ve tried:Physical Pcs running Windows 10 and 11, and my virtual machine running Windows 11 Many browsers: Chrome, Safari, Edge, Arc - across both Mac and Windows (based on other community threads) - Getting rid of all smart animate, getting rid of components with more than 1 variant, getting rid of overlays My file memory is down to 2%, and even this prototype with just 2 screens and 1 text box won’t load: (https://www.figma.com/proto/dZsZBvIOtK96vX0c4aMRHk/BridgeBox?page-id=507%3A12821&node-id=507-12822&viewport=166%2C261%2C0.37&t=9lBVbL4tZCKbWEPr-1&scaling=scale-down&content-scaling=fixed).This feels like a bug, but I can’t seem to find anything el

Hi I created a design file and copy pasted color variables from old file. But only variables won’t be published. I tried to recreate a new color variables but some works and some don’t?? Can anyone know what is going on and how to fix this? Thank you.

I'm just working my way into Figma.I downloaded a wireframing kit from the community and wanted to publish it as a shared library.When I click on “Publish”, the Figma window dims briefly, then the wireframe file is visible again, but nothing has been published. I have no access to the components from another file (the library is not displayed for selection). Identical with another wireframing kit.What could be the reason for this? If I create components myself and share them as a shared library, it works without any problems.Thanks for your support!

Hello Figma Community, I’m encountering an issue in my Figma project related to the behavior of clickable objects when they are covered by another component variant. I’m seeking assistance to understand and resolve this problem. Problem: I have a Figma file where I’ve created a component that changes to a different variant on interaction. However, when this variant covers part of another object that was clickable before, I notice that the covered object remains clickable even though it’s not visible anymore. Expected Behavior: I expect that when the new component variant covers an area, the objects underneath it should not remain clickable. The covered objects should be effectively hidden from interaction until they are visible again. Steps Taken: I’ve checked the layer order to ensure the covering variant is on top. I’ve confirmed that the covering variant has an opaque fill. I’ve explored the interaction properties and settings but couldn’t find a direct solution. I’ve experimented

Minha biblioteca de componentes fica solicitando para atualizar nos arquivos uma atualização não feita, ja conferi no componente pai se o erro estava em alguma camada mas não Sempre que publico ele adiciona um contorno que não existe no componente fonte, alguém sabe como resolver?

Hi, I’m new to Figma. I have opened a “.deck” file in my Figma Mac app. Now I want to install the “Pitchdeck Presentation Studio” plugin to the Mac app because I heard it enables export to other formats. Question 1: How can I install this plugin to the Mac app? Question 2: After having it installed, how to open and export the “.deck” file to other formats? Thank you all for your crowd wisdom!

Hi all, Need some help with the age old problem of Sofia Pro not showing the correct font weight when the Inspect panel is open. In this example, semibold has been applied but in the Inspect panel it shows as font-weight:400; for all weights.  It’s causing additional back and forth between developers when reviewing components while they are technically following the designs and the information in Figma… except it’s the wrong font weight :( I have seen some other threads that have been opened in the past but was wondering if someone had a newer solution to fix this.  Are my only options to solve this problem still: Ask developers to refer to the name ‘H6/D Semi Bold’ for the right font weight?  Edit the metadata? Thanks in advance!   

I know how to create a standard button in Figma where you use a stroke around the text to make it expandable, but I'm having trouble with a custom shape button. Specifically, I want to create a button using a custom shape (like an ellipse) that will resize based on the text length.I want the text and button to expand together, so the button adjusts automatically if the text changes or is longer. Is there a way to achieve this with Auto Layout, or is there a better approach for this kind of dynamic resizing with custom shapes?Any help would be greatly appreciated!Image 1 is my buttonImage 2 is what currently happens if the text is longer  than the button 

Hey guys, does anyone know of a plug-in or Figma feature in which I can create say 50 frames all with the same dimensions in bulk from a list? I need them to all have a unique name for export (which is provided in the list) and I need them to all be created with their corresponding frame name, but manually making them one by one is slowing down my process and human error is causing some mistakes.

is there anyone have probleme with undo after i update Figma th shortcut ctrl z not working ,is there any solution for that ?

Would anyone feels the same bout the dev mode pricing that is 35$ in an enterprise plan where you can have more than 75% of the available features useless when you have an operable design system? @figma What would it cost to simply have the inspect working? Frustrated about your direction. Hope massively people will not adopt it.

I’m very new to Figma, so I don’t know a lot about it yet. I tried asking AI why this is happening, but I wasn’t able to get a satisfying answer. I have two base components: “Input Box” and “Input Box Cap”. I want to combine them into a new component, “Capped Input Box”. I want the new component to only use properties from the base components. “Input Box” has properties for length, placeholder, placeholder text, and platform (unused). “Input Box Cap” has one property for the icon. Every property works except length on “Input Box” - when I change that property through the child component, the “Input Box” does not change size. However, when I create an instance of “Input Box”, the length works properly. I’ve attached screenshots of my components below. Please let me know if I can provide more details, thank you! Input Box Input Box Cap Capped Input Box Capped Input Box Instance 

Hi, I’m quite new to Figma and I have a question. I’ve made a zoom in picture component for products but anyone know a better way to do without making every single component for each product? Whenever I change other product’s images it always zoom back to the original image while hovering.

I’m brand new to this so please forgive my ignorance, but is there a way to make the contents of a fig jam section scale up or down as you resize the section?

While updating a library, one of the receiving files unexpectedly switched to a strange italic font that isn’t used anywhere. Plus, a weird icon showed up next to the font style. Anyone else experienced this? 

Is it possible somehow to have a prototyped figma button, with hovering, clicking & URL-Link to be "alive" and interactive functional within a exported PDF from figma?I want to provide a lead magnet as a pdf to potential clients and make it very obvious that a button is clickable and usable for a link...instead of having to write down the link or use a QR Code.Any ideas how to solve this within a PDF?

I'm looking for a solution to a design challenge. I need to use the pen tool to draw a shape with a gradient color applied only to the stroke. This seems straightforward, but I need the ability to adjust the length of the lines within the stroke while maintaining the gradient. Currently, I achieve this by creating the stroke and masking it with a gradient background. However, this method prevents me from making adjustments to the original stroke, requiring me to repeat the process each time I need to make changes. This technique is primarily used to create breakthrough frames, where text or parts of an image break through the stroke.I’ve added an example of a breakthrough frame. The gaps in the frame I should be able to adjust as easily as using software like Illustrator or InDesign (vector based).Any ideas?  

can i apply for figma education plan as an indian , can anyone apply if they area a student