Ask the Community

On a German MacBook Pro (keyboard setting is German) several shortcuts don’t work. For “zoom to fit” [Shift][1] is documented and works; for “zoom to selection” [Shift][2] is documented but instead toggles “pixel grid hidden/visible” (as [Shift]['] also does). For “Show/hide UI” [Command][ \ ] is documented, while instead [Command][.] does the trick. a) Pls ensure that the help area shows THE shortcuts which indeed do work. b) Pls keep the shortcuts in-sync as far as possible also over different keyboard layouts. (E.g. in German any shortcut w/ [ \ ] will always be harder to reach as just for the backslash three keys have to be held (option shift 7) instead of two on the US keyboard.)

i can’t really find a way to make my text to follow the shape of a shape or image

I noticed a bug today in Figma desktop: the layer names disappeared. I restarted Figma and they came back.

Hello. I just got my annual bill for $158.40 Before, I was paying $5.50 a month; times that by 12, and you get $66. So, annual payments are charging you $92.40 more? Can anyone explain this?

I’ve created a dropdown component with two variants: expanded and unexpanded. When the user clicks the chevron down icon in the unexpanded variant, it switches to the expanded variant, and clicking the chevron up icon switches it back. I want to use this dropdown in multiple places, each with different options. However, when I change the options in any instance, they revert to the original options defined in the component. How can I retain the customized options in each instance while maintaining the expand/collapse functionality? This is the component and these are some of the instances, but after some time, the options get changed to the ones in the original component. Figma Link:Figma – 2 Jun 24 Thanks in advance for your assistance!

I have created a few design systems in Figma for different companies. Some are simple, and some are complex. But till now I can’t understand the concept of design tokens. Every article or video I watch just says jargons like ‘It helps to store design decisions for our brand…’. Figma does have some tokenising elements like colour, typography and effects. But what more can be done? The more I try to learn about it, I’m faced with complicated concepts like token alias, nested tokens, headless system. I can’t fathom these without understanding the basic concept of tokens. Also I understand it helps in themeing somewhat. But how? I even asked ChatGPT for simpler explanation and got this ‘Design tokens are created to ensure consistency across the entire product or product line, making it easier to maintain a consistent design and reduce the amount of time spent on individual design decisions.’ I thought components are there for the same purpose?

I cannot find the icon “Paragraph Spacing” anywhere after Figma updated the lastest version.

I want to get a link to a specific Frame. I put the cursor on a specific Frame and right-click. The link cannot be obtained because “Copy as link” is not displayed.

I’m trying to create an interaction in Figma where multiple cards can be dragged around the screen, but while I managed to make a single card draggable, I’m having trouble enabling the same functionality for multiple cards simultaneously. any sort of help is appreciated

I am using Chrome (flatpak) running on Fedora 40 Linux, but the usual ALT-mouse-drag on a selected layer does not duplicate. This was working when I was on MS Edge running on Fedora 38 Linux.

Hello there, I am using Figma Professional plan for almost 3 years and built a strong design system to use across projects. Now, one of my colleagues raised this subject to define design local variables. I read about the local variables and still don’t get the point of it while we use a rich design system and changing a component and or a property, it changes across all projects, why we should use local ones?

Hello, I am developing a plugin with a dark theme. However, due to the inability to modify the UI outside of the iframe, the plugin has white borders. How can this be resolved?

How do I add a border to a shape? Or Change the colour of the border on a shape? (NOT an image)

I created first component which has variants for animation. I have created second component which also has variants for different animation. Both these components are working independently. But I want second animation to run only after completion of first animation i.e. first component should be linked to second component. How do I do this?

I’m designing an avatar component that needs to be responsive to varying text lengths. The component includes: An avatar image, Job site, User’s assigned role, An icon button for a dropdown menu. I want the component to: Resize based on text length, with a minimum and maximum width. Truncate text once the maximum width is reached, but hug the text until then. Currently, I’ve set up Auto Layout for responsive resizing and am using “Hug contents” for initial flexibility. I’m experimenting with a nested frame to enforce the max-width and have applied truncation to the text, but I’d love insights from anyone who’s successfully implemented similar constraints in their designs. Any tips or recommendations for better handling this setup? Thanks in advance for your advice!

Why can color styles and effects only use color variables? When I define opacity as a variable as well, I can’t combine them. It’s frustrating to create many color styles and variables. I could combine them as a component, but then I can’t apply them to text. The only workaround is using text as a mask, but that feels like a silly approach.

I’ll let you, Figma, figure out the solution to this, but the problem is new, and it’s excruciating.

Hi, I wonder if you have some good ways to track number of seats and members. Do you use any external place to keep user data? Have you ever tried using sheets for that? What useful information can be placed there? I’m looking for good ways to manage member seats

Hi, I’m a front-end developer (mainly - js/ts) and I was tasked to learn how a design realm can be connected with the development realm. How a design system can be build. The problem I stumbled upon almost immediately was the inability to parameterize designs. Let me explain. Figma has variables, that’s cool. Now how to instantiate them? I didn’t find a way except for manually typing them in. Let’s talk about colors. Imagine you’re given a brand style with 3 base colors plus one reddish for errors. Each has 10 shades so we get 40 variables that we have to enter manually. But they don’t include the state colors, like hovers. So we go and add another set of variables for state layers. How many their number can reach? Material Theme Builder for example generates more than 1000 styles. No one can enter all of them manually. No one gonna really use all of them. It’s pain to pick a style from a list of thousand other styles. It makes UI slow. You need to regenerate the entire bunch when you

Hello, our team has opened a professional version plan. I have shared the design link with the viewer permissions for the development, and I have set the development to full seats in the member management. However, in this case, the development cannot be downloaded. Image, download button is locked, how to solve this situation? If I enable editor permissions for developers, they can download cutouts, but I don’t want to enable editor permissions.

Hi, I’m preparing for my first remote usability testing session with a web-based prototype, and I have a concern. I want to make sure the hotspots are hidden when I present the prototype to participants. If they remain visible, it could lead to misleading insights. Is there a way to disable or remove this feature? Any help or guidance would be greatly appreciated. Thank you in advance! -Shagari

I have a prototype of a website with a few frames of 900x1090. I zoom in to see the page at full width in a small monitor but now I can’t reach the bottom of the page, I scroll but stops before the end. If I zoom out I see the entire page again, then zoom in the bottom but then I can’t reach the top, this happens with every page in the same prototype. I’m using Figma on browser Brave on Macbook.

There is a user flow of the app screen page present in the Figma file and in that same file there is Design System page which have foundation and important component this was done by earlier designer who was working on this file now I want to transfer the user flow page to the new Figma file how can I do this please anybody help 😪

Hi, I found this bug on FigJam Calendar called ‘Online Calendar Planner’, it shows time 1 day earlier then actual date. This happens after using for a week or two.

scroll bar related animation works well in its individual frame, but it doesn’t work well when that frame is added in a nested frame…is there something im missing or doing something wrong.