Get Solutions

I am using theming.  I am creating a theme for each one of my brands.  One of my brands site background color is not a solid hex, however it is a linear gradient.  I am not seeing any way to do that within the variables.  Is that possible?

Hi everyone! Here is my setup:I have a main icon component that has all the sizes and the colors available.  There is an instance property on the main icon component where designers can select which icon they want (basically a nested component)  The nested icon component that is selected changes size and color depending on the settings of the main component Problem:We are adopting a new icon library I went into the icons that already exist and replaced the .svgs  I created new icons  Now all the instances of icon are not obeying the color property set in the parent and need to manually reset and reconfigured. This is hugely manual and annoying... is there something I can do to avoid all this effort, and why is this happening?

The fonts in my figma file have changed automatically to a random font, when I tap on them they change back to the correct fonts but I need to manually click on each text field. 

I’m taking a Figma class and in the video there are 2 things regarding ‘horizontal padding’ that are inconsistent with how my design is acting compared to the instructors. In the top left I can’t select the ‘Distribute horizontal spacing’ When I add horizontal padding to a group of components, it shifts them to the right, while and doesn’t add the correct padding on the left and right side of the cards which should push them 24 pixels inside of the parent frame.

Dear Figma Team,I hope this message finds you well. I am writing to kindly request access to Figma First Draft. As a user currently on the free plan, I am very interested in exploring this feature to enhance my design workflow and bring more creativity and efficiency to my projects.I believe First Draft could be a valuable tool in helping me generate ideas and iterate faster, especially as I work on solo and collaborative design tasks. I’m eager to test its capabilities and provide feedback that could contribute to its development.Thank you for considering my request. I would greatly appreciate the opportunity to try out First Draft and see how it can support my design process.Best regards,Mario

I upgraded to a Figma education plan, and while I am a current student, I do not plan on using Figma anymore and would like to cancel in advance, non-paid users cannot contact support.

When designing for the web, I often use effects like background blur, blend modes, or advanced layering techniques. However, not all of these are fully supported across all browsers or devices. I’d like to know if Figma has any tools, plugins, or best practices to help flag these kinds of compatibility issues early in the design process — or if this kind of consideration needs to be managed entirely outside of Figma.Any tips or workflows from others dealing with this would be appreciated.

We’re currently making our components responsive using variables. We’ve setup custom values for components, in this case our Checkbox. It should increase in size on smaller viewports. We’ve inserted icons inside the checkboxes which contains sizing variants  which are connected to the variables string to achieve the resizing. The resizing is working correctly, however the color breaks. I have checked all the layer nesting, naming, etc. Also re-factored the Icon naming and layering, but it still breaks.Please see the video.  

When I create an XLSX in excel with all of my images, when I go to upload them in the bulk uploader it completely reorders them when I have more than roughly 11-12 rows. See screenshot. It works fine for smaller runs of ~5-10 but when I create more the order changes when I upload it.  In screenshot the front column appears with the back images and vice versa after uploading.  

Hi,I have lost my most recent and the most important file on Figma and I can’t find the file in any of my projects section or in the deleted section. It just disappeared completely.I am the sole owner and editer for that file.It wasn’t a file in a team and it wasn’t in the deleted section either. I didn’t delete the file. I think maybe a bug in the “drafts to move” update on Figma, which I clicked a few days/weeks ago. Today when I launched my figma, it briefly told me the file transfer is still in progress? but then there’s nothing. And I have checked my emails to see if there are any teams deleted and nothing there too. Can the backend see or have the names of all the design files I created, deleted or moved somewhere. Maybe that can help what happened to the file. Again, it was my most recent created and edited file.I really needed that file, it contains all my works from my last company that laid me off a fe

Went to my backup account today and found that it doesn't support AI features. Although updated to UI3. Can you please tell me what the problem is if both accounts are on free for now. Thank you very much in advance for the answer.

Just playing around with Figma sites on my mac and I noticed the the preview functionality tends to hang while it’s loading or it just loads a white screen. It’s pretty common occurance and reloading the project and restarting Figma doesn’t seem to fix the problem. My work around is that I found the Figma Site web app in the browser doesn’t seem to have this same caching issue. So at the moment I run Figma sites on the mac app to do all the design work but run the preview in the the browser app as it has no issues reloading the Site preview.Anyone else having similar issues running Figma Sites on the mac?

Simple Design System from Figma gives errors when attached as a component library to Figma Make Files. How cat this be fixed, been using “Fix these errors” button with no result.  Errors in console:❌ @https://www.figma.com/webpack-artifacts/assets/figma_app-8b4987d66687106c.min.js.br:289:578530@https://www.figma.com/webpack-artifacts/assets/figma_app-8b4987d66687106c.min.js.br:289:579292 ❌@https://www.figma.com/webpack-artifacts/assets/figma_app-8b4987d66687106c.min.js.br:289:578530

Issue DescriptionExported files are having their vertical text alignments changed to Middle. How to recreateCreate a Figma SlideCreate Text box 1. Set Text Alignment to Bottom.Create Text box 2. Set Text Alignment to Top.Export the slide.Both text fields in the resulting PPTX are now set to Text Align: Middle. ImpactWhile you might not expect a pixel-perfect copy when you export from Figma Slides to PPTX, this issue will in many cases cause text boxes to overlap with each other. It also creates a lot of unnecessary manual work while impacting our workflow.  ScreenshotsThe screenshots below don’t really convey the full impact, sometimes you’ll end up with overlapping texts. But you get the idea. In Figma Slides: 

Hello! I’m currently at the Free plan, previously was subscribed to Professional.After giving edit access to people in Free project i was charged for full seats. This is violates my customer rights, because your software is literally says “Free”, then charging without asking my consent for this payment - by any law definition it is a fraud. Furthermore, i want my payment information (e.g card token) to be removed. 

Hi, I’ve been trying to recreate a commercial tartan pattern for myself trough Figma, and though it looks almost okay, the spacing in between the horizontal lines below (created by a clipping layer) always seems to be uneven.The solid squares in the center look almost rectangular due to the clipping mask, the white squares in the corner end up being actually rectangular, despite all white borders being equally wide, and the spacing in the bottom white stripes are closer together in the middle. I know it must be caused by either ratios or my clipping layer, but I’m not sure which math is required to make a perfect square tile. Frame/tile size: 2250 pxPurple stripe: 306.8 px wideWhite stripe: 41.11 px wideClipping mask stripe: 10.2 px wide The entire pattern is created by making all vertical stripes first, then duplicating that layer and rotating it by 90 degrees, and then appying the striped clipping mask

Hi everyone,I'm working with a Figma Make file that's based on the Tailwind CSS library. I'm looking to customize some of the default Tailwind styles directly within Figma Make to match our specific brand guidelines, and I'd love to hear your insights on the best way to approach this. Specifically, I'm trying to figure out how to Modify color palettes.For example, changing the  blue-500  to a specific brand blue, or adding new brand-specific color variations while maintaining the Tailwind naming conventions if possible.

In prototype mode, the hover effect (“while hovering”) sticks and does not disappear after hovering over an element. As a result, when hovering over several objects, all hover effects remain on the screen. What is the bug? : worried: Closing and reopening the prototype helps solve the problem. But after some time, the bug may appear again. It looks like some kind of memory problem, in general, prototypes and files take a long time to load and sometimes slow down. It’s very unpleasant to work. In Figma via macOS app

Good afternoon)) Pop-up is configured in prototype. When you hover over the buttons at the bottom, the pop-up closes, although there is a Close button at the top right. How to remove the pop-up closure. Also, one of the frames with information inside the pop-up is hidden. How can I fix this?

Hello community, I am currently testing out how publishing variables, styles and components works in Figma and I am wondering if there are any tools that the community has built for better managing the publications of these features. I currently need to go through a large amount of pages that might have assets from remote libraries and I need to hide these assets from publishing.  Currently the publish modal window offers a pinpoint / locate button for finding variants that have conflicting property values but it does not offer a pinpoint/locate button for jumping to a component that is in the list of components to be published. It also does not tag or identify any components as being part of a local library or a remote library. Furthermore, the publish modal window offers the option to right click on a component to view a popup selector that offers to hide the component from publishing. When clicking on the popup to confirm th

The component works fine on mobile and tablet screen sizes, but once it’s scaled to desktop the third slide wont work.I’ve redone this one a couple of times but can’t figure out what’s wrong 

Hi, I’m quite new to Figma and i don’t know what to do. Previously this had never happened. How can I fix it? I need that animation as soon as possible, since my deadline is close. Any help would be appreciated.

My original postSome of my icons are displaying unexpected holes in circular areas where there shouldn't be any (see attached images). The issue seems to occur when strokes overlap and create negative space, possibly due to how the stroke is being rendered or interpreted.I'm aiming to keep everything within a single vector and maintain consistent stroke width throughout.Expected Behavior:Icons should render as solid shapes with no gaps or holes, as shown in the final image.Any insights or solutions would be greatly appreciated. Thanks!