Get Solutions

i tried exporting as png and it shows files could not be saved. remaining files would not be saved. i could do it earlier yesterday, but later and till now i cant export any frame. it’s really exhausting. Any idea on what i can do?

Hi everyone! I'm fairly new to Figma, but I'm starting to get the hang of it. However, I’ve run into an issue with the hover interaction. I've used it throughout my project without any problems, but now, any new components I create with a hover state are flickering when hovered over. It's confusing because the same interaction has worked fine until now. Has anyone experienced this or know how to fix it? I'd really appreciate any help! (Attaching a gif for better understanding) 

I am trying to make recordings of me navigating through my prototypes so that I can upload it to my site. One recording will be a single scroll through a long page, and the rest is a multi-page prototype with clicking involved. What is the best way of doing this?I was trying to use quicktime on Mac to record  my screen while I scroll through the single long page manually. Although I start at the top of the prototype when scrolling, the recording cuts off the top of the page and makes it appear as if I’ve scrolled about 400px down from the top of the page - which does not match what I saw at the time of recording. Can anyone assist with this?

The layout of the design panle has been updated. I tlooks good but I can;t find the padding and spacing settings anymore. Can someone please help me. I googled and searched.

I have two accounts, one where I mainly work at xyz@xyz.pl and the other abc@abc.eu. I would like to transfer all projects from the xyz@xyz.pl account to the abc@abc.eu account and delete xyz@xyz.pl. How can I do this? I care about this very much because soon I will not have access to the xyz@xyz.pl account.

智能引号在 Ui3 中去哪儿了？我想关闭智能引号，但无法关闭

I am making a Figma plugin, which is able to fetch the published library components but not able to import the components. Can you help me fix this issue? In the source data code file: {id: 'card-9',name: 'Progress Bar Card',category: 'Cards',nodeId: '39:3934'}what code can help me make my plugin work? 

Hello storytellers,I would like to add a lottie animation into my figma sites. Anyway I could achieve this ? 

Hello!I’m trying to create plugin for Figma. I use React + ESbuilder. I have src and dist folders. My index.html contains:<div id="root"></div><script src="ui.js"></script>The problem is that plugin doesn’t see (or what?) ui.js. When I start plugin I see only empty screen.If I write JS code exactly in script tag — it works. But with external file it doesn’t work. There are no errors anywhere.What should I do to solve this?

Hi there, I try to modify texts in a variant of my « Select » component instance. I choose the « Open » state in the component properties menu, and when it is open I write « Text » in the first item. I put back the « Default State », I switch to the prototype mode, and when I click on the component, I see the old text of the master component. How do I keep editing texts in a select open in an instance component?You can see a video capture below :  

Hi everyone,I use Figma on the web, my macOS version is Sequoia 15.4.1. I have installed the Figma Agent and it said I can use local fonts on the web, but this is not working. I tried everything from clearing cache, restarting computer, refreshing page but Figma still doesn’t show the fonts under “Installed by You”. I also have the latest google chrome version. I can’t see the fonts in an existing Figma project and also not if I create a new file. Other programs on my mac like Adobe Illustrator show all fonts without an issue.Any solutions? Thank You!  

Hello there, A tricky one: Is it intentional that when I use the GET /v1/files/:file_key/variables/local API I can get a response that contains an alias pointing to a variable that is not part of the response itself? ... "valuesByMode": { "XXXX:X": { "type": "VARIABLE_ALIAS", "id": "VariableID:XXXXX/XXXX:XXX" //<- This id is nowhere else mentioned in the response. }, ... Thank you!

Recently, my copy/paste properties stopped working in Chrome on Mac OS. Things I’ve tried to no avail:Opt+Cmd+C, Opt+Cmd+V Right-click an element > Copy/paste as > Copy Properties / Paste Properties Verified Chrome has access to clipboard Verified no Chrome extensions nor apps have conflicting keyboard shortcuts Verified keyboard layouts match between system & Figma Cleared Chrome cache MacOS restart Removed all chrome extensions Deleted and reinstalled Chrome Updated to Sequoia 15.3.2Copy/paste properties currently works:in Figma desktop app in SafariThis is driving me bonkers and killing my workflow 😖

I have been playing with Figma Sites recently, trying to get to grips with how it works.I created a Design separately that utilised component variables with Modes to allow for typography sizing between desktop and mobile variants. Once published, I can add the components to Sites (hero banner, content block etc) and switch between Desktop and Mobile variants with ease, HOWEVER, the type modes do not change.They appear to show up correctly on the Sites file, but when you come to ‘full preview’ or publish, the mode values are not applied!?It feels like possibly due to the way you need to build/design pages in Sites (desktop first, which IMO is odd) with a natural cascade down to mobile, there is a bug / conflict between setting an appearance mode on the desktop design and then trying to apply a different mode to the mobile breakpoint/design.I have tried a few work arounds - restarting, applying modes to both parent and sibling layers/components, clearing cache, but have had to result in

Hi,Situation: I have created an animated component set (text within a colored frame) where the only thing that should change is the color.What works: I can create an instance of this, re-size it smaller, prototype preview, and everything behaves as expected.What doesn't work: If I take the above instance, create a new component out of it, and create an instance of that, it seems that the sizing beyond the first variant of the original component set isn't respected.What I've tried: I’ve done a fair amount of research into this already and others have recommended applying autolayout and “hug” to the parent and child elements.How this worked out: I was able to get the colored frame from re-sizing, but for the life of me I can't get the text to stop re-sizing.Here's a screenshot of the component set (size_test-component_set), an instance of the component set nested in a new component (size_test-component), and an instance of that (size_test-instance). My post continues below this image:I p

I designed an app, created a case study on a different page about 5 months ago decided to check on it today to make some edits and my whole case study is gone. Please help! this is one of my biggest projects.

After publishing my site, the layout displays correctly on desktop browsers. However, when I access the site using my iPhone XR, the layout breaks and appears as the desktop version instead of the mobile version.Steps to Reproduce: Publish a site using Figma Sites. Open the site on an iPhone XR using Safari or Chrome. Observe that the page initially shows the correct mobile layout for a brief moment, then switches to the desktop layout. Expected Result:The site should consistently render the mobile layout on mobile devices.Actual Result:The site briefly shows the correct mobile layout, but then switches to the desktop layout, breaking the design on mobile.Additional Info: The issue appears only on my iPhone XR. Tested using browser developer tools (device simulator) — works fine. A friend tested the same site on their phone and didn’t encounter the issue. Suspect: device misidentification or viewport issue after initial load. Environment: Device: iPhone XR Browser: Safari (

Hi everyone, after the latest Figma update, the quality of my project exports to PNG or JPG has gotten worse. The images used to look perfect when exported at 1x. Now I have to export at least at 2x for them to have good quality, even though I'm setting the export options to High and Detailed.What could be happening?

Here is how Figma displays the Danish keyboard layout:Here’s the Danish layout on Wikipedia: https://da.wikipedia.org/wiki/Fil:Keyboard_Layout_Danish.pngCan you spot the difference? Hint: $ is not placed beside 1 on a Danish QWERTY layout.Same issue is present on https://help.figma.com/hc/en-us/articles/5665442977431-Select-keyboard-layout

Any possible hack how to move panel back on top, UI3 is just bad. I dont know who think about pro tools like it is some game/funny app/ People use it as a tool! Please let users customize and do it as they want not by your bloody “dribble” style 

Is it possible to use Figma Make AI to create the initial design and then open it in Figma Design to further customize and make changes? Not sure if it’s possible to import the React code or if there is a way to change to file into something that is compatible. 

Hello! I have two issues to report Issue 1 Brief Description When switching a component instance to a different mode, the icon color resets to its default value. However, if both the instance and the master component are set to the same mode, the icon color displays correctly. Detailed Description 1.1 I created two icon components with variants for each icon (the names of the variants, layers, and icon colors are identical). 1.2 I created variables for the icon color and icon variant, and also created two modes, Mode 1 and Mode 2, to switch the color and variant. 1.3 I copied an instance of the icon component and applied variables for its color and variant. 1.4 When switching between Mode 1 and Mode 2 at the instance level, the icon color and variant switch correctly. 1.5 I created a button component, nested the icon component instance inside it, and applied variables to the icon instance. 1.6 I set Mode 1 for the master Button component. 1.7 I copied an instance of the Button componen

For the purpose of iteration and seeing changes I did overtime for a project, I like to duplicate a page every time I improved a lot of items. However, I noticed this bug where some components would be treated as new components on the new page, and some remain as an instance from the old page!! This is driving me crazy because  it’s really messing with everything I’ve created. I’ve read an old post saying that I can work around it by copying everything to a new file, then post it back to the old file on a new page. This didn’t do anything… Even in the new file, there would still be instances that take me back to the original component of the old FILE!! Is this how it’s supposed to be or am I doing something wrong? It would ask me to restore the component too. How do you all keep copies of your iterated works for record keeping? Do you just start a new file when you iterate and improve something? 

Figma Buzz looks promising, congrats on the release!I’m curious if its features or functions are available to integrate with third-party plugins for Figma.  Is it possible to invoke any aspect of its functionality or behavior via the current developer API?Thanks!

Hi folks!I am an Angular 19 developer and I want to use all designs, controls and screens built by my colleague in Figma with the M3 library kit. All styles, schemes, background colors (or other colors etc.) refer to the correspondent M3 schemes and colors. Currently I am using a plugin in Figma to export all variables. My question: Based on given export file format (CSS or SCSS)… How to use these variables in Angular/Material3 on development side?