Ask the Community

I have a menu component that is built from instances of a link component. The link component has the usual variants (default, selected, etc). I’m using instances of the menu component across the page in different views. In each view I have applied the selected state to a different link. When I update the copy of the links in the menu component it gets updated in the instances BUT not for the links for which I have applied the selected state previously. In order to update the copy for all instances I need to reset all changes for the instances and then apply the selected states again. What am I missing, why don’t the text updates get pushed to the nested instances?

I have been working on a Dropdown Component, this component has been made by combining multiple Dropdown Item Component. After prototyping and declaring this new component, the bug I am facing is when I use an instance of it and update values as per the requirement, for example a dropdown is for colors - Red, Blue, Green, then dropdown header would be Select Colors, clicking over it, dropdown would expand and show items - Red, Blue, Green, now if user has selected Blue from Menu, dropdown will collapse and dropdown header would change to Blue as that item has been selected, but in prototype when I select any item the header text doesn’t change it shows me the default value that I declared in the original component The instance only works smoothly if I don’t update values. Figma File link Prototype link

In desktop app for windows it is showing blurry text & icons, I checked with other third party software all of them looks crisp & clean like Slack, Microsoft & Adobe apps, But with Figma it is showing me this blurry icons & now i am very frustrated after seeing it for long

Doing a single turn of the mouse wheel scrolls the selection 5 miles, causing me to skip some plugins and lose my overview. I dont want to change my Windows settings because of a single app scrolling too much. This would not be a problem if a scrollbar existed.

Is there a way to detach a text style from a textNode through the Figma API?

Hey, we are working on a quite complex prototype at the moment and stumbled upon a issue with variable modes and component variants. Ill try to break it down as best as I can: In our product users have the option to link an account to reveal additional links that arent visible initially. To achieve that, we build several components with 2 variants distinguishable with a boolean “linked”. In our prototype we switch between this linked-status via a variable mode. So a user can go through the linking process and said components change from “linked=false” to “linked=true” to reveal additional options. This works without a problem and the UI changes as expected. But now we run into the issue how to further link the now shown options. When we change the variable mode globally to “linked” we gain access to the additional options and can give them navigation interactions. But these given interactions wont work when switching the mode dynamically in the prototype. Here is image for more contex

We are using an ‘on drag’ (as there is still no ‘swipe’) interaction to emulate a carousel of cards. Pretty standard stuff. Works great on desktop and on mobile view on a desktop, but when viewed on an actual mobile devices it is really unstable. We carry out user testing with real users on real devices and this needs to work much better as it makes our prototypes un testable. Is there anything in the roadmap to improve this feature? Thanks!

I typed “SHIFT + I” to get some components, this window opened (pop-up) and not closing. I tried “ESC”, clicking outside the box and etc. But it is not working. I’m always havin trouble with closing this window. Please add an “x” button or something to close this.

I’m trying to get the component to resize from the center on it’s press state, similar to Slack’s mobile app or twitter. Right now it’s resizing on press state from top left instead. Figma – 31 Oct 24

Es posible mediante un plugin o algo, controlar el tiempo en el que estoy trabajando en un proyecto? Tengo que controlar horas segun cada proyecto y es dificil hacerlo.

I’ve been trying to use Hot Reload for a while now but it doesn’t update. I always need to reload the plugin. Is there anything I can do?

Copying does not work in Figma. I mean the keys Ctrl-C and Ctrl-V when transferring an image. What can be the reason?

On 29 October 2024, we noticed that all users (almost 500 users) who were not authorised in Figma Pro team but had access to any of the files as viewers were included in the Pro Team as viewers. We manually removed all users from the team file. We cannot see which files users can access via Pro team and this makes tracking difficult. Is there a place where we can see which files the users that Figma automatically imports can access? Previously, you had a field called ‘User X can see 2 projects’ but it is no longer available. Can you help?

A week ago I upgraded to the “Professional” plan and my debit card was charged $15.90 but when I login with that same account now I see this account is on the “Starter” (Free) plan and I have no access to professional features like dev mode. I see no option to contact the Figma accounts or billing team directly and the charge show’s up on my bank statement as a recurring payment. Unfortunately, I am going to have to dispute the charge through my bank and say that this is fraud (because at this point, it really is).

im using Figma for designing but i can’t able to copy image to it

I checked all my notifications settings for comments. Everything is on. I checked that I’m on the right team and was also added as an admin. I’m not able to tag myself in a comment but I can tag other people just fine. Even the files I created people cannot find me to mention. Thought maybe it would just take time for me to show up in the mention drop down but it has been a month.

Please help me figure it out. There are two elements, one is underneath the other in layers. There are no added properties on the top element, and hover is on the element below it. I can’t understand why, but when you hover over the top element, the one below it is triggered

Hi everyone! Has anyone encountered this problem before? The file does not save, the plugin does not open and the presentation of frames does not start

How do I close an existing topic to allow me to create a new one? Thank you!

Imagine you have a logo where there is: A coloured version A white version And the same with and without a strap line Would you create 4 separate components for this? Or one component with variants? Which method would be easier for designers to find and use the right logo? Which method would be easier for designers to switch from one logo to another?

Hi, I am trying to create a simple animation in a button component where the arrow moves right off the button and then appears back on the button from the left. I would like this animation to be persistent every 10 seconds or so. The animation would be a timed animation on load, it will be used on iPad only (so no hover/click triggers) my button like this without the trails: credit: Phantom Arrow Zoom by Kevin Mao ∙ 毛恺文 on Dribbble

I’m adding in website screenshots of full webpages to a Figma file they appear very pixelated. (for example all are 1440px wide x 6000px tall x2) These are screenshots that are being taken on a retina macbook display so they are 2x resolution. When I open them on my computer normally they are not pixelated. What’s going on here? There is no information or help for the issue that I can find.

Hello, I would like to change the view. Currently, the editing toolbar is located centrally at the bottom of the screen. Previously, this toolbar was located at the top left. In the old view, the options such as “Create Component” etc. were also at the top center. How can I switch back to that view? I am still learning from older YouTube videos, which is why the new view is a bit confusing for me. Thank you!

With the new update that figmaa released that we are eable to adjust the modals with just dragging from the border, is it possible to do with the plugin i am developing ?

Hi, I’m trying to implement a feature where, when a user clicks on a fixed menu item, that item remains highlighted while the user scrolls down the page. I need guidance on how to achieve this effect. I’ve used components to simulate the menu item change, but this removes the scroll functionality. Are there best practices or plugins that could assist with this? Any tips on how to visually represent the highlighted state in my design would also be greatly appreciated. Wondering if this might be possible using variables, but totally stuck with those! Thanks in advance.