Ask the Community

One of the worst thing you have done is hiding create component inside, it very irritating to finding all the times with multiple clicks , if possible please make it upfront so we can use it easily , because it is most used thing in Figma 😤 😫

Hello everyone, I’m developing a Figma plugin using the create-figma-plugin toolkit by Yuanqing. I’m encountering two problem Whenever I modify the UI of my plugin—such as changing fonts, colors, or other styles—the changes do not reflect when I run the plugin in Figma.I’ve tried rebuilding the plugin after making changes, but the UI remains the same. Error When Running npm run watch When I execute npm run watch, I receive the following error message: node_modules/typescript/lib/lib.dom.d.ts:16669:13 - error TS2451: Cannot redeclare block-scoped variable ‘console’. 16669 declare var console: Console; ~~~~~~~ node_modules/@figma/plugin-typings/index.d.ts:11:9 11 const console: Console ~~~~~~~ ‘console’ was also declared here. Found 2 errors. Watching for file changes. This error seems to be related to TypeScript typings conflicting with Figma's plugin typings. Additionally, when I install `@create-figma-plugin/ui` or `@create-figma-plugin/utilities` separately, I encounter di

Understand the intention to free up some space. But please don’t put it at the bottom since: that’s not where designer used to find the tool bar in all the other design tools when presenting Figma screen through other tools like google meet, the Toolbar is not accessible at all Please either put it back to the top taking up just a row, or make the location of toolbar customised

I’ve created a main component which is a select (aka “dropdown”) menu. This component will then have instances nested within a table. My variables and conditional logic work for the main component, but when I start using nested instances in my design, when in prototype mode selecting one option from my select menu, it will change all of the nested instances of the component. Which makes sense as it’s changing to the variables via the logic that I have defined. My question: Is there a way (using conditionals/variables) for the nested instances to not affect the other nested instances? And without having to have a unique variable for each of the nested instances. My logic was based off of this example

Hello, In our team, we have designers and developers. Designers should be able to edit files and developers needs to view the dev mode only. But when i give Full Designer seat to developers for them to access dev mode, they can also edit files. Which is against the whole logic. That’s not makes sense at all. I don’t want my developers to accidently change my design files. Which is very easy to do so. Risky. Is there any way to set these seats “read-only” and make them access dev-mode only? Thanks a lot,

I uninstalled and installed Figma, but I still have the old version?

In my journey to stay more organized, I’ve found it beneficial to start setting my Component variant groups to Auto-Layout. Keeps things nice and orderly in my design file. I’m wondering if Figma could get away with automatically applying auto-layout settings to component groupings. That way we don’t have to click within each grouping and add the Gap + Horizontal/Vertical Padding.

My main design library references variables for light/dark. The new file is multi-theme but only uses light from the original library. We do not use those same dark variables but they are coming through into the component playground off the original library components. Is it possible to block the dark variables from passing through?

Does anyone have a solid enterprise level design to dev handoff process? Figma charging for dev mode is making it impossible for me to get buy-in for dev mode seats just so I can annotate and let devs check spacing.

trying to create a vertical slider with drag animation encountered several problems: the animation works only one way. seems to be triggered only by horizontal drag. It also seems like it’s triggered only by a starting point and end point and doesn’t feel intuitive and control-able as I drag.

Having the vertical ruler on the leading edge of the layer panel makes it more difficult to parse and is comparatively less user friendly than the previous UI. Dragging guides under the panel feels bad.

I understand that an organisation plan allows you to upload a shared font. That has been made clear via support forums, what’s unclear is do editors need an organisation seat also to use shared fonts or can they be just a professional seat? For instance I have an organisation seat, but my colleague has every feature he needs within just a professional seat, will the project or file I share with them bring across that organisation shared font, and will they still be able to make edits using that font? Also I’m assuming that external viewers with a link would see the shared font as well? This is one of a few pivotal decisions in which my organisation would make the switch to Figma so needs clarifying.

when I upgrade my level in the student pack. the documents that were shared with me get this error,

UI 3.0 : unavailable to see a top gap in UI 3.0 Previous UI : available to see a top gap in pervious UI

When creating a component with variants (checkbox frame) and putting a text label next to it, the text disappears after I drag it into the component in the layers section. Any idea why that is? I followed this video: Figma tutorial: Interactive components - YouTube Watch from min 2:00 to understand my issue. Thanks!

Hello everybody, I gotta say I am impressed with Figma, it is intuitive and easy to work. I am different occupation than web developer, I am just experimenting with page for my work. Simple page with about contacts and couple galleries with pictures. I manage to make everything as I planned but I have question about buttons. On youtube most of them are about design. But how to connect button with something, ? drag and drop same like prototyping slides/frames etc? I have 16 pages with menu bar that is same on every page. Now “About” button do I have to go on every page and assign where “About” button go or there is different approach. I made mistake on beginning and didn’t put Font, background, colors buttons on different asset page and then to bring in main but done all one one page. Thanks in advance EDIT: I think I found solution but if somebody else have recommendation please inform me 😃 Give this man a rise, he described me perfectly 😃

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

I’ve been reading up across the community board on stacking interactions, and it appears Figma did introduce the ability to stack multiple interactions on the same trigger. However, I am not able to stack two or more on Click. This is driving me nuts! I want to apply both close overlay and open a new overlay onto the click of a context menu item. “on Click” is disabled for me after I apply the first interaction. What am I doing wrong here?

Hi Figma Support Team, I am currently using Figma under the Education Plan, which I obtained through Codecademy. However, this plan is set to expire in October, and I would like to transition my access to Coursera, as I am enrolled in longer courses there. Unfortunately, I am having trouble finding my billing plan and managing the transition between the Codecademy plan and my Coursera credentials. I have already been verified for the Education Plan, but I want to ensure that I don’t lose access once the Codecademy plan expires. Could you please assist me with the following: Confirming my current plan and the expiration date of my Codecademy-based access. Helping me transition to the Coursera Education Plan smoothly. Thank you for your time and assistance!

Hi, I’m encountering a weird situation that when I used nested component and somehow the prototype links broke(disappeared) randomly so many times and I didn’t do anything. I made an example to demonstrate what I made in my project. I created a master component with two properties and make a link to two dropdown menus. And then I place my main component into my child component and give it a boolean and set to false by default. And then when I create an instance, it works at that moment. But when I close Figma or come back to check my design next day(Not change anything)… The prototype line(instance) just disappeared randomly!!! And it happened so many times…I don’t know what’s going wrong~ Anyone knows? Thanks in advance!

I’ve just realized that some of my files disappeared from Figma!!! I’ve read all the topics, but didn’t find any solution and i’ve checked several times different accounts. Seems Figma has this bug and too many people faced it before. I’ll be soooo grateful if someone can help me to turn it back.

Hey! Maybe I overlooked it but did the option to toggle the visibility of fill/border styles just disappear? Without it UI3 is pretty unusable for our Team that way. It just doesn’t make sense to detach them. Applied: Detached:

Hi Community, I have a question for those of you working with multi-level complex interfaces. I’m currently managing files with around 90 pages. We’re wrapping up v1 and starting on v2. My question is about handling the handover and versioning processes. It seems like Figma isn’t designed to meet large organizational needs, as the version history applies to the entire file rather than individual pages. This means that every time we hand over a feature and create a baseline in version history for development, it affects the whole file. We can’t consolidate all features into one page because navigating and locating specific features would be challenging. On the other hand, having each feature in its own file would complicate navigation and result in an overwhelming number of files to manage, especially since this is just one part of the company. Would you recommend using branches to create features and then merging everything? Does anyone have good experiences or best practices to share?

After adding Design System to file - Figma shows assets and components but doesn’t show local styles of colors and typography. All styles already published in Design System, but file that connected to this system don’t show local styles

Hi! I’m designing a divider for my website and I prepared a prototype with after delay animation. When I press play, the animation starts but a strange rectangle keep appearing in the screen and I checked the layers one by one but still didn’t understand why this is happening. Since I’m new in here, I can’t upload any attachment so I hope I explained correctly. Does anybody know why it’s happening?