Ask the Community

I just created a Figma Make login workflow that works well and want to export all of the React code that was created by the app. When I switch from Preview to Code, I can see the perfectly structured code and and files but no option to download anything.  When I ask the Figma AI how to download the files, it suggests copy and paste of each file content and recreating locally. This is crazy as there are associated ui and component folders with 100’s of files in them. I am completely lost. Any help greatly appreciated!You can view the project here:https://www.figma.com/make/rpI3wqPgj39LD5Pzezwy68/iPhone-Login-Page-with-Pastel-Colors?node-id=0-1&t=yzDJjeQgWzB43GGG-1&code-node-id=7-46Thanks, Steve

Wait...will I be charged for adding myself? It told me that I’d have 3 days to access Figma (when I was already logged in as myself) until “Admin” (a.k.a me) approves of basically myself? Help, please. 

It says that we can do everything that a professional account can do with a student account, but I cannot use the Figma Make app.

My page has a gallery that should load more pictures after pressing “See more” button. Once I press the button the gallery “loads” more photos but the page frame doesn’t expand to accommodate them, the pictures just go behind the footer. It didn’t used to happen before, how can I fix it so that the page itself lengthens to accommodate the content? The gallery is in an auto-layout.Pic of before:Pic of after:  

Hi everyone! I have a two-part question: Is it possible (or practical) to use a stylus with Figma on a MacBook for sketching wireframes? I find it more intuitive to sketch by hand rather than use a mouse, especially for early-stage, low-fidelity designs. The Pencil tool feels a bit restrictive with a mouse — has anyone found a good workflow using a stylus for this? I’m aiming to keep a hand-drawn, rough wireframe look but still want a touch of polish — something that looks sketchy but intentional. Any tips, plugins, or tools that help achieve that balance? Thanks in advance for any advice!

Hey everyone, I’m tearing my hair out trying to get a simple boolean property to appear under the Appearance section of my test component. I’ve seen other components (like the built-in showCaption) display the boolean property toggles just fine, but no matter what I do, my new prop won’t show up—and there’s no obvious “Add property” button to click. I’m hoping someone can point out the glaring thing I’ve overlooked! 

Right now I am using this workflow:Create a grey rectangle Press copy on a image SHIFT+COMMAND+V on the rectangle to fit the image on the rectangle.Problem is I keep getting the error “image was too large for the clipboard”. So i am looking for a way to just quickly fit the original image inside the rectangle but without copying it as PNG first. Is that possible?

Hello.Is there a way to stop Position > ignore auto-layout from removing the frame/object from the flow of the document/parent? All I want to do is z-position a frame -20px above the object above it.Easy to do in HTML and CSS. Absolute pain in the dick in Figma.What do people do to maintain a proper auto-layout?Thanks,Will

Since a week I am having trouble with exporting PDF’s in Figma. The export works fine until I want to import this PDF into Adobe Indesign or an online print tool. Both apps failed to load the Figma PDF. I have send the files directly and the service replied they are having issues opening my file. The strange thing is, I can open the PDF in Mac preview, in an internet browser and I can import it in the Gimp image editor. So sometimes it works, sometimes it don’t. I am using the latest Figma 116.16.13 on Mac OS Sonoma 14.0.

Currently components are published as is on the website, which causes issues as not all transformations can translate into css/html. If those components could be set to export as a flat image all those issues would be solved. Any way to do this currently or is it planned for future release?

I am designing my portfolio with Figma Sites and I have these buttons at one size when I am designing them, but when I open my page in prototype or publish it and check it, it is a completely different size. I also have an issue with my headers changing from bold when designing to becoming regular weight when prototyping. I don’t know if this is an issue on my part, or if it is a bug, thank you.  

I feel difficult to find the auto layout settings after updating Figma Desktop to version 125.4.8Does anyone experience the same? 

Hello. Recently there was a problem, the mask was no longer created through the key combination Ctrl + Alt + M. Does anyone know how to solve this problem?.

What is the alternative way to connect a marketplace payment system on Figma?

I can’t seem to share Figma sites on the community. Any idea when this feature will be back?

Hello, i’ve created a simple button, with text, padding and autolayout. I’ve turned it into a component. I now want to make the stroke a property for all the variants, that i can turn on and off with a boolean.However, there is no diamond icon next to the stroke in the right hand panel, so i cannot figure out how to tie it to a prooperty. Is it because the stroke is not a nested item? .

New to auto-layout and some things just won’t happen for me :DLooking to create a paragraph text that is aligned to the left within a frame (div) that will always remain centered. therefore the paragraph will be positioned responsive in the middle but align to the left.  See picture example in the comments:

There is a bug — I can't select some of the elements within frames, whether I'm clicking and dragging (rectangle select), or doing the same but with cmd key pressed (on mac). If you move the frame randomly on the page some elements may become selectable again. This occurred in a pretty big project of mine (a lot of frames and pictures on the page). I cannot work further with it. How to solve it?https://media1.giphy.com/media/v1.Y2lkPTc5MGI3NjExbThhZmo0bW5ocGYxY210bWhhYjdrbm1oNDV5aGR5bDU0MThkdDZheiZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/utSX7fFaEyTVzcTI9o/giphy.gif This one shows that it’s inside the frame and it’s not locked:https://i.giphy.com/keO8zZL5P0XdWAWPd3.mp4

Hi, Suppose I use UI Kit 1.0 and then the designer released v 2.0 with design updates and few stuff my instances used in my design file should what be linked to the new components manually ? or how thes can be done ?Kind Regards

Hi, has anyone used FigProxy before? When I use it to send characters from my Arduino to Figma, it says on the FigProxy app that it’s sending the character. However, the corresponding interaction doesn’t happen on Figma. I used the exact code and setup as the basic arduino test that’s provided here: https://github.com/ideo/Figproxy/tree/main/Arduino%20Examples/FigproxyArduinoBasicTest. Any tips for troubleshooting? 

When in normal mode, if you press your left mouse button and then you drag you will draw a blue rectangle that is used to select elements. Problem is, when I am using outline mode, I can’t do this because the moment I press the left mouse button, the background frame gets selected and then when I drag the mouse I move the frame around instead of drawing a blue rectangle to select other elements.And now that we are at it, how can I select component instances without using the layers panel? I noticed you can select rectangles and frames if you click on their border when in outline mode, but you apparently you can’t select component instances this way. Why? Should report this as a bug?

Does anyone know if there are any updates coming to Figma's prototyping, particularly regarding scroll-based triggers?I’ve been working on a large prototype to demonstrate the behavior of a sticky navigation on mobile. The idea is that the navigation disappears when scrolling down but reappears when scrolling up—showing a different version upon scroll.I’ve managed to hack together a workaround using mouse cursor in/out triggers on desktop to create the illusion of this behaviour, but that obviously won’t work on mobile. And in a mobile-first world, that’s a big limitation.Any help would be fantastic, Figma, any ideas or updates?

So this is just something I hit my head on all the time. I have some components which are meant to hold a list of instances of another component. The solution I always use is to create like 20 instances inside and then hide all the ones I don’t need for a given design. Many of these designs contain far fewer than 20, but other designs can get close to that number. It just depends. Having all this unused junk in my layers is just irksome. A related problem is that the interior elements cannot be reordered without a lot of work. Ideally, it should be possible to create a component, which can have an arbitrary number of a particular instance (like "list row"s in a “list”) and those instances would be reorderable and removable in the layers panel. It seems like this should be doable with a special component property applied to the embedded instance that I want to have arbitrarily many, freely reorderable copies of. Other posts make a similar request, but I wanted to add my own to emphasize

I have created a component which, while hovering, animates a little. Even after sharing the dev mode to the developer, my developer is asking me to share the lottie file for the same, to which i am unable to generate and share cause currently i cannot afford the lottie subscription.Suggest some way through i can share the animated component (with it’s variant state) with the developers.

Hi everyone!I've been running into a recurring issue when exporting SVG assets from Figma.Everything looks perfect inside Figma, but when I export as SVG and use it on a website, the design sometimes breaks — fonts don’t render correctly, alignment shifts, and sometimes fills or strokes are missing entirely.I’ve tried: Flattening layers before export Converting text to outlines Exporting with and without "Include ID attributes" Comparing in different browsers (Chrome, Firefox, Safari) Still seeing issues!Is this just how SVGs work or am I missing something in the Figma export process?Would love to hear your tips, settings, or best practices when exporting clean and browser-safe SVGs from Figma