Ask the Community

How do I write a conditional so that when I select short term it will navigate to a certain screen, and if they choose long term it will navigate to a certain different screen? I have the screens created for short term drop down and long term drop down, I just need help making an action at the “next” button.

Please search for existing topics before posting! Press 🔍 at the upper right to search. Image export 할 때 Image 이름에 = 을 삭제할 수는 없나요? ex ) Property 1=image.png 를 image.png 로 내보낼 수 없나요?

I created color variables in the file and used them. But then, when I came back to the file again, the variables were no longer visible within the library and the local variables menu. However, if I select objects with applied color variables, I see colors as variables. How is it possible to bring all variables back to the library and the local variables menu? The problem is the same both on the desktop and the web Figma. Cash deletion by Troubleshooting also didn’t help.

Hi everyone, I am trying to create an element in Glassmorphism Style for website interface, to make it easier, let’s say that it is a card, I use several properties together, which are opacity (for Fill), background blur, and drop shadow, and adjust them as in the picture 1. The problem is that all of this is applied well in the workspace as in the picture 2, but when moving to prototype view, all of this is disturbed and appears in this messed up form as shown in the picture 3. I tried to find the problem and by experimenting between the properties, I found that there is no problem with drop shadow effect, and it seems to me that the problem is between the background blur effect and the opacity. When activating the blur and with 100% or zero opacity, there is no problem, but of course we will not find the blur effect in both cases… We need the opacity to be at another percentage, such as from 1% to 10%, for example, and here the problem occurs when setting the opacity to any value

I have created a checkbox component like this: As you can see I have used “label” property to input text to be shown as a label and it’s default value is “Label”: When I use an instance of this component to do show/hide or enable/disable functionality using variables, the first time I click on the checkbox everything is fine… Initial screen First click screen However, once I do this again, the checkbox label resets to it’s default value “Label”. Also note that the button loses its label and gets the icon. Second click screen Can someone explain why this is happening? Thanks a lot!

next steps to repeat: CSS property:{ font-family: “Nunito Sans”; font-size: 12px; font-style: normal; font-weight: 800; line-height: 18px; /* 150% */ letter-spacing: 1.32px; text-transform: uppercase; } text:“добавить кнопку” the text in the browser is the same as in the design if there is no letter-spacing otherwise, the text is wider

Figma AI I can’t see in my ID. Is it launch?

Hello, why when I use the Pen tool the curvy line is completelly blur? The dimension is not important is ALWAYS blurr. Thank you so much for the support, Federica

Hey hey~ Is there any way to hide the toolbar in UI3? Either a setting or maybe a plugin? I do not understand why that toolbar needs such a prominent spot. I use shortcuts which makes this toolbar completely useless to me, yet it’s highly distracting and in the way of my work. Any help is appreciated~ ps: reverted back to the old UI on my work account, UI3 slows me down too much as of now.

Running in to a problem with our enterprise set up. Currently we have a 2 Design System libraries I would like to enable by default for all workspaces/teams/files. The files are set to ‘anyone with the link can view’; as these are live files that are linked to from our website; shared widely amongst stakeholders that aren’t necessarily designers… just viewers. The libraries are ‘Set as approved library’… but if i enable each library by default the file is nolonger viewable by the shared link. It reverts back to Enterprise only. Similarly, if i change the link settings on the library, I lose the enabled by default setting. Can we change this? Seems like a bug - to have one affect the other, when they’re completely different (view, vs library?).

IDK what is happening my page but none of my recent files isn’t showing up, all of them stuck in loading.I’ve refreshed the page for over 20 times, restarted the laptop twice, reconned to the internet many times, still my files isn’t showing up. I’ve connected to the support form, they said reach community support

Hi there. So I just got an Apple Watch and I thought I would try making my own image for it. I used the 44mm frame on Figma. However, when I export it the image is so blurry. Anyone has any ideas on how I can fix this?

Hello, I would like to ask how to modify an image in Figma so that one corner of the image is cut off, but the corners are smoothed out. It’s drawn very roughly, but I don’t know how else to explain it. 😕

Hi! Any body knows how can we see history about deleted files? We wrote message to support centre, and waiting info from support. Please provide information on the account history, specifically regarding the deletion of design mockups either by the service or by the user, along with the associated IP addresses. The design mockups have disappeared from the account admin@esello and may now be unlawfully used on the website 🏁. An investigation has been initiated. Please provide detailed information on the disappearance of the mockups and the IP addresses involved in the deletion process.

I’m using mac, desktop app, ui3. If I make 2 or more of any shape, then group them, and set the blende mode of color in selection colors, it doesn’t apply and group unselected. It’s inconvenient because the batch blends aren’t set up in my work environment! Somebody help me!

There are workarounds to change the pivot point of an object, by creating a separate object that works as the rotation point and attach that to the real object you want to rotate. But why can any object have a changeable pivot point?

It was working, now isn’t…making it hard to progress this workflow chart… Normally when you click on the “square” it gives you a set of dots around it to automatically create teh next item in the flow…randomly those dots seem to stop working, and closing the app and starting again does not seem to bring it back. Any clues?

Is there documentation on how to drag and resize the plugin UI window, like Figma Tokens does it?

I created a pretty awesome ( I think) numerical input field component. I used a variable IN THIS KIT FILE to identify the text value, “numerical-input-value/value.” So the condition says IF the variable is zero, the up icon increases by 1. The down icon decreases the set variable by 1 until it hits zero, then stops. I added keyboard commands too! That part is kinda stellar for my needs. I love how that worked. But, that is a one trick pony. With this method, the values on EVERY component instance will update together since the variable value is set at the component level. What I would like to figure out… Is if it is possible to do something where the variable value can be set AT THE INSTANCE level. So if I were to place an instance of the component in another file, I would like to be able to change the variable to a local variable…and not have it dependent upon the component. I THINK what I want is to define the variable at the instance level and have it update the conditional statemen

I’m creating a portfolio site and importing Figma prototype links into the modals of related projects. However, a border is appearing because of the following code: .prototype--viewerContainer--8C5YF { margin: calc(12px + var(--toolbar-height)) 48px; height: calc(100% -(12px + var(--toolbar-height))* 2); } If I could set this to margin: 0; and height: 100%;, the issue would be resolved. However, the iframe cannot be manipulated externally. I would appreciate any solutions to this problem.

Hi team, I’m desperate to create an image effect that looks similar to the following image: Whilst I’ve seen many help articles and video that show how you can crop an image to a shape and how to include an image in a shape, the representation in the above link only crops the image in certain sections. Can anyone point me in the right direction for a help article or a possible a solution to the above requirement? Thanking you in advance. Best wishes.

Hello, nice to meet the community! I need some starter instructions for building a plugin for exporting componentSets to custom JS/CSS with automation. Proper way of parsing nodes to html/css Since I couldn’t found an function for this, do i have to traverse the nodes’ tree manually for desired output; or setup a node project reprocessing JSON file got from figma REST API? Does anyone know any existing open projects could show one or two things for parsing nodes to html/css properly? Writing to local file with Figma API Is there a figma API that could directly write file to local machine? I mean text files such html/css. exportAsync seems only for svg/png/pdf. Browser API doesn’t seem to work, and copy from console.log is not quite a filnal solution 🙂 Thanks!

I thought the introduction of variable fonts would allow for smart animation between the variables - has anyone managed this?

Hello, I was just looking through the docs and saw a note that - at this point - no new paid plugin creators will be approved.Figma Learn - Help Center I spent the last few months working on a paid plugin that I planned to publish next month or so. What is the reason for the policy and is there any plan to change that again?

Hey guys, Is anyone using Figma on a tablet? The problem is sitting on a chair for a few hours a day is starting to take its toll, so I’m thinking of getting a tablet, though I’ve never been a fan of so far. Did anyone try Figma on iPad or Android tablets? Does it woek nicely with fingers, or maybe with a pen? Thank you 🙂