Ask the Community

I am a bit confused with the hierarchy and behavior of auto layout - like this item which obviously have an auto layout attached but when right clicked the remove auto layout option is not available.  but if i add another auto layout on top of this auto layout - then I can remove it. This is very puzzling. how many auto layout can you put on an element? and why is one not able to remove ALL ? 

I have read the ticket about having interaction panel pop out when clicking a node. That’s good but...Multiple interactions trigger a pop out of interactions panel beside it.My question is how can I have the interaction panel be ALWAYS OPEN including the specific details it entails even when I have not clicked on anything yet.1 interaction means i need to constantly click to open what animation it has.I understand probably the idea to have it always there. But when I want to inspect multiple elements with different animations I want the panels to be open all the time and show me all the list of animations and code that was added to a component, variant, element, frame, etc.I always have to click the Property name (frame name of where it’s supposed to go) and then it will show me the information. I have to click this every time. My wrist is killing me, specially when I am in a big team and I need to inspect each interaction for quality assurance.Send help, tips, and such. Thank you! 

Hi, I’m following a web course and I’m wondering how the author is doing a specific effect. When an image is moved over black text, the portion of the text covered by the image is white. I would like to understand how this is done and replicate it. I see there’s definitely some masking going on, but after that I’m getting lost. I’ll attach some screenshots of what I’m looking for. Thanks! image screen effect and some layers.  image is moved and effect moves with image. 

Hi, I’m a graphic and web designer and educating my self to become a professional UX designer. After watching different tutorials for how to use Figma (I’m used to Adobe and other website platforms), I struggle to save time fixing each frames and groups with Auto layout to make each sections or layers responsive. It’s also very time consuming of need to copy-paste and adjust the web or app design for each device sizes. With other tools, this is taken care of with one design. As designer, time is an important resource, and I must say, Figma is not on my side when it comes to saving time. Is it only me? I try to find a plugin solving this time consuming issue, but still I have not figure this out, after looking into Figma for proximately one month. Can someone please help me out? Why Figma has not solved this issues, when it comes to automatically adjust the design with automatically adjusting to different devices and keep it responsive? I find this community awesome, Thanks:)

Please i want to use the first draft option in the updated version how can i get? search for existing topics before posting! Press 🔍 at the upper right to search.

I am noticing more and more Figma libraries lately popping up. Think about: https://www.flowbase.co/, https://figmacomponents.com/I’m currently figuring out how they do section X inside a copy to clipboard button. (Want to build this for a client) But, I am not coming to an end, after googling for hours, I can’t find anything about this.Is there someone how this exactly works?Would love to know that!

Hello, I am designing a food delivery app. One of its functions is being able to click on the x on a restaurant card which causes that card to change into “restaurant x hidden. undo?”. I managed to do this, but now I’d like to be able to somehow make the name of each restaurant appear in that box. Is this possible? Thank you.

Hello, I am new to Figma and design world. I used Figma to create animated design, and designed a whole home page. I successfully converted Figma design to Wordpress using UICHEMY. Unfortunately some design elements were missing, some elements changed place and some of them lost scale! I need your help to fix this problem so I can use my Figma design wherever I want.

I am very much a beginner user, designing some brand guidelines using Figma, and am running into a couple of challenges. Hoping this community may be able to steer me in the right direction.The guidelines will be one long page, which will be scrolled through by the user. I have set up a navigation bar down the left side, which is set to be sticky at the top, so will scroll on screen and then stay there.In an ideal world it would be great if, as the user scrolls through the sections – the section name in the navigation panel becomes bold. I would also love for these section names to be clickable and scroll to the sections (whilst also becoming bold/unbold).I have figured out how to do some of these things individually, but am having a hard time getting them to all work at the same time.- What if anything should I be turning into component variants?- Can I get the section names to bold, and ‘Scroll to’ the section ‘On Click’, or can you only add one ‘On Click’ interaction per object?​​​​

Is it a requirement or a rule that all variants in a component set must have the same properties? For example, If I have an instance swap applied to an icon in some variants, but there is no instance swap property in other variants, because those variants don’t have/need an icon (see example below), is that breaking a variant property rule that can cause issues with the behavior of the component?  

I have created a component - A dropdown button that has an absolute position Menu attached. Within the component I am able to resize the Menu but for the Instance of that component it seems ’m not able to do that. Is there a workaround for this particular issue?  

Hi, im trying to make a “smart component” which would auto resize based on the length of a text label, as well as resize other elements in the components. i can successfully create a component with a text label which would automatically resize the frame/component based the length of the text, aka how you would make a normal make a dynamic button component by styling the parent frame, but for flexibility reasons i need the background of the button to be a separate component, that i can change and the effect will take effect multiple places, but i can’t seem to make this work with the ‘vanilla’ version of Figma, and would therefore like to ask if anyone out there have suggestions on how to achieve this, perhaps another layout plugin to assist, could point to related topics (already googled without much success). i have added an illustration to help trying to explain what i am trying to achieve and how i currently have it set up in Figma. thanks in advance 🙂 //Mads

Hi so I wanted to use the material icons from the figma file they shared on the community but the icons have too many variants that we dont need.  I was curious if there was a way to select multiple variants from each icon and delete them. That is a view of the icons. Each icon has 5 variants. I wanted to get the filled and outline but delete the rest for each icon. I was curious if there was a way to do that without breaking the component set.

Hiya, when i am trying to import a mp4 video file to a canvas, the video does not show, instead i see only a blue dotted outline where the video should be.What could be the problem? Thanks!

Hi, I want to publish my UI Kit on Figma commnity as only view. But I cant publish, its always can edit form.  How can I do this?

Hello,I am not an expert with Figma, but I am working on designing UIs for privacy settings on iOS devices. I have a screen with a toggle, and when the toggle is switched to "On," I want to display the permission screen. How can I create the link for this?Thank you,Nora

Can someone help?So I made a bottom Nav Bar and it is fixed/no scrolling. It has animation inside it. Whenever I scroll and change the button, let's say from home to profile, it first snaps to another place then come back to the bottom of the screen. Any help will be appreciated.Video of the problem

How my design looks in Figma is completely different from how it looks on the browser.I mean talking about font sizes, and the dimensions of elements such as cards, images, etc. I want to know if there’s a solution to this? Like how do you determine the width and height of images, or cards confidently that it would look the exact same? Like if you have a two column hero section with the right column containing an image, how do you determine what the height of the image should be, and does it match completely in the site development stage?Do you even fuss about the width and height of these elements. Cause I waste a lot of time perfecting it, and I want to know how the pros do it.  Would mean a lot to me if you can guide me to the right direction. Thank you. 

I want to click on a date input field and it pops up a date picker and after selecting the date, the value is fed back to the date input field. I have created the date picker and I’ve been able to create the interaction from clicking the input field to open the date picker by using ‘Open Overlay’ but after selecting the date, and clicking on the Done button, I can only create interaction to click and ‘Close Overlay’ How to feed the date I selected on the date picker back to the input field is where I’m stuck. Please I need help. And its for a desktop prototype not a mobile prototype.

デザインシステムにてアイコンを作成しています。下記の記事を発見し、Slotを活用したアイコン作成をしようとしたのですが、添付画像のように幅が伸びてしまい、うまくサイズを変更できません。https://note.com/hgffdgn654/n/n51278ed12446 ★作成手順①下記のサイトのSVGを使用し、Figmaにはりつけるhttps://fontawesome.com/icons/bookmark?f=classic&s=solid②添付画像のように作成しました。  上記の通り、「フレーム：bookmark」の幅が伸びてしまします。下記のようにアイコン作成時にフレームで囲ってみたりもしたのですが、うまくいきません。理想通りに作成できる方法はありますか？  

今天的网页版文本大小无法改了

In the Figma prototype editor, the action I made for the filter button is visible. I’m referring to the Filters icon to the right of the search bar But in prototype demo mode, it isn’t clickable. I’ve tried reopening Figma and my browser. What can I do to make it work?  

I attempted to create an icon-sizer component that adjusts the dimensions of a set of componentized icons. When testing this icon, I notice that the color is preserved but the stroke width is reset when I swap the default nested icon to another icon (both with manual swap as well as setting up an instance swap property). I ensured that the icons have the same layer names as well as the same structure and I’ve also manually set the color and stroke width in the icon-sizer component. Is this a bug?

Good day, everyone!We are planning to migrate from our current platform to FigJam and would like to get more details on pricing and the information required for an Enterprise license.We reached out to the sales team three weeks ago but have yet to receive a response. Is this a standard response time?Could you provide any information or guidance on how we can proceed with setting up the Enterprise plan?Looking forward to your reply.

I have noticed that if I paste an instance the frame name that displays at the top left corner of the frame in grey text will be missing. The instance’s name is only visible under the layers bar. Is there a way/ work around to display the name of the instance? this is for display on a screen flow chart, it’ll be a lot easier to differentiate the frames if the name is next to the frame. Thank you community!