Ask the Community

I'm building a responsive alert banner and trying to achieve a behavior similar to fit-content in CSS. Here's what I need: The banner container stretches to 100% width, Inside, there's a button and a text label, The text should stay on one line and hug its content until it reaches the limit of the container, Once it can't fit anymore, it should wrap onto multiple lines (essentially behave like fill). Think of it as:"hug content until there's no space left → then behave like fill".This should happen dynamically, depending on the container width,so no fixed max width.Is there any way to simulate this behavior in Figma, maybe with some clever auto layout nesting or constraints?Trying to avoid duplicating the component with two variants (hug and fill).Thanks in advance for any ideas or workarounds!

I just wanna ask if where can I access the variable. It says here Draw but I never converted my files to FigJam it just automatically turned like this.  

한국에만 있는 문제인지는 모르겠는데, 댓글을 입력하고 있는 도중에 커서가 맨 앞으로 이동한다던가, 입력하고 있는 내용이 갑자기 복사 붙여넣기가 되어 2배가 된다던가 하는 문제가 언제나 발생합니다. 작성시에 무조건… 제발 이 버그좀 고쳐주세요… 1년 전에도 의견 보냈었는데 해결안되서 여기에 올려봅니다. 협업시에 가장 많이 사용하는게 코멘트 기능인데, 제발 개선부탁드립니다. 제발…

Hey all! Super new here. I have seen others in my industry use Figma to create table layouts for restaurants. I am leafing through videos and documents but still haven't been able to land on my answer. I would love to either build tables or use some open source icons to build a table layout. Does anyone have any suggestions on where I could go to find these tables that can be modified and resized or perhaps it would be better to create my own. Just need some foundational ideas and I can run with the rest. Thanks in advance. 

Hi all, Asking here for help to solve a following conundrum please:In Design File A i have a local library with a components (all works fine with instances)In Design File B i have that library added and if use an instance it does not render variants correctly at all. Material UI TAB instance was used my custom component.This is the correct way:  This is what i see if i insert the same instance with the same variant in the Design File B:   Any guidance would be appreciated : )Benevolently, Natasha

Hello,It’s been a while since I’ve had to build a component, so please forgive me if its a daft question.When creating variants, in a the properties panel of aninstance you can flip between variants/boolean.However, using variables, that doesn’t seem possible.I’m creating a dropdown menu, and trying to expose all the properties for easy editing.I don’t see a way to include the variable setting.Suggestions? 

Hello! Wondering if anyone can steer me in the right direction. I’ve been using Google Sheets Sync in figma for over a year now, suddenly is stopped working and is giving me the message “There was an error fetching. Try again later” I didn’t change anything since the last time I used it, i’ve tried restricting the google sheet and re-opening it up.  I use this to create labels for my orders and it’s extremely helpful. Thank you.

Hello,a small bug appeared with the last update.I am on desktop app.It triggers when I order my components via the flow tool:- during a vertical flow, it orders my components horizontally- during a horizontal flow, it orders my components vertically.don’t know if I am the only one with this bug…In the hope that this can be resolved with the next update.Thank

I understand how the Embed Kit allows us to embed a Figma Prototype within a webpage rendered inside a standard browser. The authentication is handled via Cookies within this browser (as far as my understanding goes).I would like to embed Figma Prototypes that are not necessarily public in my mobile app using e.g. a WebView. In this case, I can not access the cookies from the standard browser. Is there a way (ideally similar to the REST API OAuth flow) to obtain a Figma session within my WebView so users can view their prototypes there? Are there other (secure) workarounds to allow my users to view their (nonpublic) prototypes within my WebView?

Hi all, I’ve been trying to create a responsive line chart for our design system. I’ve created one that allows the designer to edit the line graph without having to detach the instance. Only issue is that the segments of the line disconnects when I stretch the graph vertically. I use paddings to adjust the size of the line segments and I’m thinking the segments disconnects because padding doesn’t use a relative value. I’m looking for ideas to make this component work responsively while still maintaining the ability to adjust the line graph from instance to instance so that the graph can look realistic for the specific mockup it is used in. Any ideas?Here’s a test file for the component:  

I’m trying to help my wife automate some of her marketing work. I’ve set up both Figma and Klaviyo to Claude Desktop via MCP. In theory, I think I should be able to create an email design in Figma and then have Claude generate the same email as a template in Klaviyo. I validated this and it does work (kinda), but I’m running into issues. The template created in Klaviyo does not look the same as the design in Figma. I think it’s because the Figma design uses a lot of images and screenshots in place of text like the header and footer. Is there a way for Claude to transfer the images from Figma over to Klaviyo via the MCP?

Hi,how can i add my catalogue pdf to figma sites.. , as you know figma sites connects custom domains via dns servers but there is no ftp access, so where can we load pdf files to show it in our web page ?..

Не получается залить планету в один цвет, хотя пробелов в векторе вроде нет. В чём может быть проблема и как бы её можно было бы решить?

I am trying to access my account to see which plan I have, see billing info, and so forth. I have searched, asked AI, and cannot find how to get to my account. If I go into Settings, under Account, all it says is “Delete account”. No other options. There is no info about which account I have, or how to update billing info, view billing history, nothing. If I try to look around at figma.com, it launches be straight to my dashboard so that I can’t even view anything on figma.com. How do I get to this information (and why is it so hard to find)?

"I've created and published my website. However, when I view it in a browser window wider than 1440px, the content stops expanding and leaves blank space on the right side. How can I fix this so the layout fills the entire screen?"

I have a bottom nav that I want to stay sticky at the bottom of the screen. I have content that is longer than the phone itself, and I want it to scroll down just like you would scroll on Facebook, IG, etc. The problem is the bottom nav IS sticky, but it is covering some of the content I want to show. I don’t know why this is happening since I’ve never experienced this before. 

Dear Community,  how can I create this zoom in and zoom out effect that it looks so smooth as in this example? Any ideas? – So far, I wasn’t able create that smooth transition in figma with smart animate.https://dribbble.com/shots/7993436-Loading

I created this modal component that adjusts its height accordingly when an error message appears below a form field. The instance of it, however, doesn’t do that.I’m confused about this behavior. The main component is set to “hug” for height, so I don’t understand why the instance is treating it like its fixed.

We host the web page in figma.site servers , but i want to host my own html files in my server ? how can i get these files..

I haven’t used Figma in a while and now I see everything has changed since I last used it. Where can I find a list of all the shortcuts?

Y a la moitié de mon figjam que je n’arrive plus à accéder, avez vous déjà eu ce problème ? Le curseur reste bloqué alors qu’il y a des éléments tout a droite.

Hello Everyone,i’m a beginner Figma user and want to design a banner for a home page. My issue is the following: rectangle and text created and then autolayout for the whole group but when i want to set the opacity of the rectangle (50%) the text color is also become lighter. See the pictures attached. Does anyone have a solution for me?Thank you in advance 

Hello, I accidentally added Total Full seats. How can I remove them? I only need the dev account.

I'm building a monthly newsletter from a detailed Figma design (custom fonts, images, links, pixel-perfect layout).Manually rebuilding the HTML each month isn’t an option.Is there a reliable tool or workflow to turn a complex Figma email design into responsive, Mailchimp-compatible HTML with minimal manual work?Thanks in advanceI’ve tried:Emailify: completely brokenFigma → Mailchimp export: completely brokenOpen Anima: gives clean HTML, but without images or linksHTML-to-MJML converters: too messy, especially with 5000+ linesimpossible with Stripo

Hi I am new and use the free version. I want to insert a table and I think I should use the plugin for the table creator? Biut in my list of plugins there is no table creator. I know the functions are reduced in the free version, but how can I figure out what is included and what not?Thanks!