Ask the Community

I’m not able to select other languages than “dutch” in my spell check. I want to add English. Can help me solve this problem? Details: Windows 10 Using Figma browser application OS language is in English Figma UI is in English Image of my current view:

Auto-Layout is acting weird, and has some bugs

Hi, I am designing a button for the user to go back to the top of the page layout. The button is fixed during the scroll and when the user hover over it it grows to show a text. The problem is that when doing the hover behavior it makes a strange behavior and I don’t know what can be the problem: Figma – 20 Sep 24

I’m kinda new to Figma and i don’t know what it means to have the variable strikethrough. It’s working but it’s strikethrough. Why and how do i fix it?

I am managing the button color and size values ​​by creating them as components. After changing the color value of the button, if you change the size from l → m, an unknown color value appears. Is this a bug? What did I do wrong? The sky blue color is not found anywhere in our design system.I am managing the button color and size values ​​by creating them as components. After changing the color value of the button, if you change the size from l → m, an unknown color value appears. Is this a bug? What did I do wrong? The sky blue color is not found anywhere in our design system.

I’m building a presentation using Figma (regular Figma, not Figma Slides) and I need to export it as a PDF. The problem is I have some intricate fills in many of the frames I use as slides, for example, a background image + radial gradient + linear gradient + overlay low opacity noise image, and things like that. Some stakeholders see glitchy backgrounds on some slides when I export the pdf. I thought I would rasterize the fills of the frames, so instead of a bunch of stacked pictures and gradients they’re simple images, but doing so also rasterizes the content of the frame (i.e., all the text and other elements included on the “slide” frame). The workaround I’m using is creating a new frame for the slide, and manually separating the contents from the original slide frame, but it’s quite a tedious task. Does anyone have another possible solution for this? Maybe I could also post this in “Share an idea”? Thanks, Marc

noob here, site on different resoloution displays and different aspect ratios how does it fit ? Please answer to noob with simple words 🙂

Hi! How to make a similar animation in Figma, as in the video? https://www.awesomescreenshot.com/video/25851684?key=59037b98d547516fa4c14acc0d07f642 I mean to make the words appear when you scroll the mouse wheel down. The background video does not move until the list ends

waiting for your reply

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 😃