Ask the Community

TL;DR I want to know if anyone has explored using “Preferred Values” instance swapping as opposed to large Component Sets as a way to improve memory performance in both the Library and downstream project Figma Files.I have a Library file with very complex components for charts in the UI. The components allow other designers to deeply configure a chart, and every aspect has nested variants for controls to be used in downstream project files. Each chart has many nested instances for controlling aspects such as the axis labels, number of columns and rows, the marks, count of series to be presented, and the legend, and the state of the data.A single nested instance could contain hundreds of variants, as many as 5 tiers deep.  For example, a Trend Line instance can be configured with Variants for line style, which series it is, how many columns are in the data field, and the type of data.This instance is set within a chart with other sibling instances, and higher tier interaction patterns b

 We have a problem with updating components. We have published the updates, but they are not arriving in the file where the instance is located.  What can we do? They are not hidden with a point.  

I’m currently building a website using Figma Site, and I’m trying to make a button redirect to an external URL (e.g., https://google.com). I’ve set the link properly in the button settings, but when I preview or publish the site, clicking the button does nothingHas anyone experienced this?Is there something I might be missing, or is this a bug/limitation of Figma Site?Would really appreciate any insights or solutions. Thanks!

Recently, I develop a figma plugin to use with my system and service. I need request api of back-end which requires cookie that stores in figma. But when I try set “Cookie” in header of a request, I get error that chromium dose not allow javascript to do it. So now I have no idea to send cookie to back-end, what can I do? I do not want to change my back-end suck as jwt for auth.

Hey Folk. I’m trying to export a frame in Figma which has noch images, just text, forms, blurry layer…When I export this frame, the file size is around 18MB and I don’t get why? I’m creating presentations with Figma and when you’ve 50 Slides… Do the math… Any help here?

We have build are own design library. We use this one for all our prototyping. If i use the library there are style variables that i don’t reconize. The file i’m working in, doesn’t have any style variables so it isnt ‘created in this file’ .  I think there is an component in the library that doesnt uses our variables but variables from an other library. How can i find that component, zo that i can fix this?   

Hi folks, I’m trying to create a prototype which allows me to toggle a layer visibility on and off using a ‘Hide’ checkbox which sets a boolean variable (applied to Blue box layer appearance ). In the file, I can hide the blue box when checkbox toggled on, but I cannot show the blue box when toggled off. Here is prototype: Show hide layer Am I missing something really simple here?  Any advice appreciated…  

I have created a number of tokens for type:Primitive;Family Weight Size Line Height Letter SpacingThen created a number Semantice Type variables for headings font sizes ext.I created these directly in Variables Pane.Originally they all worked with - when I place some text on screen and highlited it th I would go to the Typograpyh panel and variable styles would be listed. However when I publised this file. and attempted to acces the typography it was not available in other files. I feel like I am doing something simle wrong - as it was workgin previously . Any help is very. much appreciated.

Hey everyone !  I’m trying to build an image generator plugin based on the Figma Make Image feature but I’m struggling to get it right and to access that feature from my plugin. Is anyone has some tips to update my manifest or a proper syntax to access it, I can’t find infos anywhere on it.  Thanks a lot

Hi, I have a question about how gradients work in Figma.When I use a Fill with a Gradient, what is the difference between using Flatten and Union?This is what I understand:-Flatten: If I select multiple shapes and use Flatten, they become one single shape. Then, the gradient is smooth across the whole shape.-Union: If I use Union, it looks like one shape, but inside, each part is still separate.So the gradient is applied to each shape individually, and the direction can look different for each part. Is this correct? I want to know how Figma really handles this in the background. Thanks.

My client and I are having issues when viewing a Figma prototype on our mobile phones. I have tried in different browsers as well as the Figma app and it always looks the same. It works fine on desktop but everything on mobile looks like the attached screenshot. I have tried a bunch of troubleshooting options I have found in the community but nothing seems to work. Has anyone experienced anything like this before? 

We are on the Organization plan. We have “Public link sharing” enabled. When we attempt to share publicly, there is no “Only those invited” or “Anyone” option. There is only “Anyone in the [organization]”.  I contacted support but the AI bot just keeps telling me to enable “Public link sharing”. Any suggestions would be great.  

Hey, guys.I’ve been avoiding Figma like the plague because I think it sucks.  Sadly, I’m in a position where I have to use it…That being said, is Figma’s auto layout stuff supposed to be correlated to flex/gird layout or something? I literally make zero sense is probably one of most asinine concepts I’ve come across in design in ages.Thank. 

Hello Figma community,  Is there anyone who can help me with a carousel animation? Please dm me on disc: sekkyo_

My Figma automatically updated to the latest version, but it now says that it is incompatible with my Mac OS version and cannot run. Is there a location I can find the download link for an older version of the desktop app for Mac? Versions prior to 116.17.9 ran correctly. Thanks!

I was trying to clean up a file and move some older stuff to an “archive” file. I accidentally used cmd + x and cut the frames I wanted to move. Now when I try to paste them, Figma hangs for a minute, then the frames all show up as if the paste worked, Figma is unresponsive for a moment — then I get an “Open this file in recovery mode” modal, and when I do so all the pasted content disappears.You can see it in action here: https://monosnap.com/file/3VMxNwbMXEoFAkDcUNR2JH7t4jcmUQI can’t seem to get around this. I’ve tried the desktop app and multiple browsers. I’ve tried using a new file, restarting Figma, and wiggling my nose in every direction during the paste…Any idea how I can get these frames out of my clipboard and back into Figma? Is there some way I can paste the data into another app and attempt to break it up into multiple pastes? It’s not even THAT much stuff, but I guess it’s just a teeny bit over the line for what Figma can handle.Any advice would be greatly appreciated!

is there something you can do to make sure someone sees something different on your website every time you open it?

I'm designing a segmented control in Figma. I want only one item to be in the "Selected" state at a time — so when I click on an item, it becomes selected and the others automatically return to the default state.Is there a way to prototype this without manually creating a separate interaction for every possible combination? I’d like to keep it scalable if possible.I've heard that using Variables and "Set Variable" actions might help, but I'm not sure how to set that up correctly.

EDIT: in the title I meant to say “Hosting or platform” not “hosting domain”. Figma Sites sounds cool and handy, but I’m a bit of the fence regarding lock-in.What is official Figma stance on moving the website elsewhere for one reason or another.Who own the design? Who owns generated html and Javascript bits? (There is a little bit of React application going on, for what I gathered from browser DevTools.) Will Figma Corp be so generous to allow to download the project folder to take it to VS Code? I’ve noticed that DevMode tab is missing from Sites UI, does that mean devs are not welcome?

Hello! I’ve run into an issue: initially, the text and input elements were perfectly center-aligned with each other. But after I started editing the text field, it shifted upward, and ‘Align middle’ no longer works. What could be the problem? I’d really appreciate your help! 

Hey Community!I always struggle with creating responsive designs using the correct combination of constraints, auto layout & prototype settings.I am trying to create a side panel with the following expected behavior:Logo section (Topmost): Must always be visible on screen & not scroll with the page Middle section with menu items that scrolls when I scroll with my mouse pointer over the side panel, that is, in case the number of menu items exceeds the screen length. Footer section (Bottom-most): Must always be visible on screen & not scroll with the pageThe entire side panel should increase/decrease in length depending on viewer’s screen size. My Settings: Menu component has 3 frames in auto-layout for the 3 sections (Logo, menu items, footer), with the middle section (for menu items) set to 'Fill', 'Clip content'. Logo & Footer sections have fixed heights. Logo section is set to 'Sticky: No scrolling' Menu component canvas stacking is set to ‘First on top’ The menu comp

当输入多行文字时，想给他们一个渐变色，但是是整体渐变，而不是单个文字的渐变！很多时候需要单个文字的渐变色保持统一，而不是整体渐变 

Hi everyone,I'm facing a strange issue where the "Layout Grid" option is completely missing from the right-hand panel.This happens even when I select a Frame. I've already checked the following:I am selecting a Frame, not a Group or a Section. Auto Layout is turned off (there is no "Layout" section with a minus button). The Frame has zero rotation.No matter what I do, even creating a brand new Frame with the F key, the "Layout Grid" section simply does not appear. Has anyone experienced this before or knows what might be causing it?Thanks for your help! 

Hi! I’m Avery a student, and I was wondering why my verification is requiring me to login with my school email? I would like to keep this account since it has all of my projects. I am also authenticated via google oauth on this account.Why do I need to change my email to verify? Thanks,Avery

Hi everyone, how to zoom both sides of the toolbar instead of the middle of the design screen? Thank you.