Ask the Community

Hi guys, what’s up? I’d like to ask you a question: I’m migrating my posts to Figma, but there’s an alignment issue that bothers me. The fonts have a side space reserved, which when I use the left-aligned autolayout still gives the impression that the letters are misaligned. However, when I vectorize the font, it is aligned correctly. Is there any way to correct this without vectorizing the font?

Hi, I’m trying to create a text button that is styled in a way where there’s text at the top and underneath the text there’s a dash underline. So similar to a link, but slightly different because it uses a dashed underline instead of a solid underline. The problem is, if I have text that spans across multiple lines, the dashed line doesn’t go underneath the two lines, it only goes underneath the bottom of the frame. I can’t seem to figure out a way in Figma to make it span across two lines. I used a dashed bottom border in Figma. See example below: Is there a way to get the dashed underline to appear in both lines in Figma? Like in the example above I want the dashed underline to appear under both the “Button” text.

Hi! Has anybody encountered this behaviour? The bug occurs when i work on my external 27 inch 2k monitor. If i hide Figma UI using “cmd + /” shortcut my artwork looks crispy as it should. But when i hide Figma UI it looks like the content inside the work area gets a little shift for a half of a pixel and becomes blurry. Completely impossible to work and hurts my eyes. At the same time the UI panel contents (layers, pages, properties etc) are not affected by this bug. P.S. – I am using official Figma app for Mac os – The bug is reproducible on either fullscreen or windowed mode – I am completely sure the Pixel Preview feature is off 😃 – The resolution off external display is native (2560x1440)

Hey everyone, I’m currently working on button components and ran into something strange when using variables to control the visibility of icons. Here’s the issue: . I set up a button component where the icon visibility is managed using a variable. It works as expected for the medium and large sizes. You can see in the right-side panel under the Layer section that the show/icon variable is visible and adjustable. . However, when I switch the component to a smaller size like small or xsmall, the property seems to get detached. The variable show/icon no longer appears in the layer section of the side panel. . I’m not sure if I missed something during the setup or if this is potentially a bug. Any insights would be appreciated! Thanks! Additional Context: I’ve checked the component properties and layer structure, and everything seems to be in place. The only difference is the component size, which shouldn’t affect variable visibility as far as I know. Is anyone else experiencing this iss

Hello, Will the export adding 1px to widths and heights be solved? I saw other topics related to this issue (like this one: Export adds 1 pixel to widths and heights - #2 by Gleb) and I’m sure Figma’s team is aware of it, but is there any way this problem will be solved soon? When on my workflow, I don’t usually worry where and if I’m putting the frames on a non decimal number on the coordinates. Is there any way this will be solved, or for now I just need to check the coordinates everytime I export something? For me it’s an unnecessary added worry, not ideal when wanting to export things fastly and in bulk. Also, is there another way to check this faster that I’m not aware of? Thanks in advance! 🙂

I have a file that I’m working on that uses small pixel sizes in order to correspond to real world dimensions. In this file I’ve discovered an unexpected effect with the line height property for text – it appears that using a sub-pixel line height property leads to lines of text being snapped to the pixel grid, even though I have snap to pixel grid turned off. This leads to inconsistent spacing between lines of text. Does anyone know if this is expected behavior or how to turn this off?

Hi everyone! Two days ago, a window for a new version update popped up, I accepted it, and shortly after that, AVG antivirus threw a notification that Figma was infected with IDP.Generic. I uninstalled it from the system and reinstalled it from the official website, but it is still happening and I can’t use it. What should I do? Thank you in advance for your answer!

Hi, So as the title states, some of my frames, groups, object etc… has constraints flipped. For instance, (just as an example) a simple rectangle nested in a parent frame with left and top constraints is showing the blue lines for left and bottom - and acts accordingly on resizing. A simply thought would be that the main frame is flipped 180 degree; however, that is not the case. Two current ways fix this, for the items with the issues I click left and bottom and they now follow the rules for them to act left and top - although other items in the same parent item do not have the issue, thus confusingly have correct left and top constraints. Or, I remove the nested rectangle into a new fame, and voila, the issue acts no more. However, this is a pain for complex components, because the issue isn’t just hitting main frames, but has randomly hit inner nested items - so a circle in a box could be flipped, then the box itself could be fine, then that frame that sits in could be wrong. Very o

Has anyone experienced a weird bug where the autolayout align commands appear backwards to the expected result? I.e when I try to left align an autolayout it right aligns it instead. Also having issues with prototype previews within the same file. Wondering if it is a corrupt file or if others are having similar issues.

Can anyone tell me why the device mockup isn’t shown in the preview for export? I’ve already confirmed that the frame has the device selected.

Hey team! So I adapted a pretty cool interactive text box file/tut from Spencer Kelly, but Figma’s variables being as they are, there’s a lot of redundant work that you need to do if you’re going to show a lot of these text fields. Essentially, you need to have duplicated variables for each new text field, otherwise all fields will be edited simultaneously. In the screenshot above, you can see 4 columns, Input1-Input4. Spencer’s proto was well documented and had only Input1-3, and defined how to add more (Input4, 5, etc.) relatively quickly. The issue is my component is not seeing the new Input4 column. I have the Figma Professional plan (otherwise my additional modes/columns would be grayed out and limited to one), and have everything else working, ie the three text fields that already had the three columns), so unless I’m double-labeling and misunderstanding modes, can someone explain why I can’t see beyond those three Inputs?

Please search for existing topics before posting! Press 🔍 at the upper right to search.

I am experiencing a problem where rogue template slides that are not in the presentation are appearing as part of the exported PDF. They are not visible in the page view, but then when the PDF exports they are appearing in the PDF. Any ideas?

I have developed a modular design for playing cards (text fields, graphic elements) - would it be possible to use a questionnaire to ask my customers about the content (texts / descriptions; information on categories that are mapped with the graphic elements), which are then used to design new playing cards? How does this work with Figma? Thank you very much for any advice! 🙂

I accidently deleted my community file. The file was used by more than 100 people. So I want to restore that file as before it was. Can someone please help me?

Hey! I have 2 variants of a component, one with a black background and the other with a white background. I want my component to switch background when clicked. I create a variable Boolean (called ‘Pressed’) and set it to false. I then add an interraction to my component: On Drag → If Else → if ‘Pressed’ is False → Change to → and it crash. i tried on different instances, it keep crashing. I’m fairly new to Figma, did i do something wrong? Or did i find a bug?

When a user without edit rights and DevMode selects a frame defined by a token (variable), and that token is defined by a lower-level token—not by any raw value—is it possible to show that middle variable name instead of the raw value?

Help me 😭 Picture of “icon property” Property information provides only key values.

Hello. Unfortunately, the built-in “Contact support” option does not work: “There was an error processing your request. Please try again later.” Is it possible to disable auto debiting at the end of the subscription period or change the payment method without linking a bank card? I would like to be able to pay for the next subscription period by my own and to control the payment details as well. Thank you.

Hi, I’ve duplicated the MUI Appfarm kit to my own and made some changes for internal use, I’ve noticed that when I use the select in my prototypes and if you click the select it shows three menu items. Seems like this is added with react code on the component, the code is visible if you change to dev mode in Figma but not editable. Is it possible to remove this code to not have the default values show or maybe create a component property out of them so that it is easy to change the values in the side menu in Figma?

Hi Figma Community, This is my first post here, and I’m excited to dive deeper into using Figma for team-based design projects. I’ve recently started working on a collaborative design project with multiple team members, and while Figma’s real-time collaboration features are impressive, I’m looking for advice on best practices for managing large design files and keeping everything organized. Here are a few areas where I would appreciate guidance: What are the best ways to structure and organize design files for a team project? How do you manage version control in Figma when working with multiple designers? Any tips on using comments and feedback tools effectively without cluttering the workspace? I’m eager to learn from the experiences of others who have worked on large-scale collaborative projects. Thanks in advance for your suggestions and insights!

Couple a days ago I bought MacBook, before I used Windows computers. So in my old computer I still have Paste to replace in menu, also my colleague doesn’t have this problem. It’s uncomfortable for me to use shortcut for that and it doesn’t work so I would like to know what should I do

When layers created in design mode are switched to developer mode, the order of the layers is reversed. I am using Anima to export HTML, but the HTML is exported in reverse. There is no problem when displaying it on the web page, but the fact that it is reversed will make future corrections difficult. Does anyone know the solution to this? Thank you for looking at this question.

I already define a component and yesterday it’s work normally when I search my component. But today I try search the component and it’s all gone when I searched using key. It’s only will be show when I search it manual without input word on search input field