Skip to main content

Get Solutions

Find solutions to your problems and answers to your questions.

13656 Topics
amantiwari
amantiwari
asked in Ask the Community
Do variables have an ID like fillStyleId?

Hi guys! I am working on a plugin right now that checks our icons for the fills. Using the Node Inspector plugin, I can easily see that when using styles, there’s a fillStyleId property. But couldn’t find the same for variables. Can someone help me with on how can I find them if they exist?

181
tank666
3 months ago
Lucia17
Lucia17
asked in Ask the Community
My university doesn't appear on the Higher Ed dropdown

Hello. I recently received an email in which they warned me that my Education License would expire. I want to renew it so I can access my projects, but my university doesn’t appear on the menu dropdown. I also can’t change my email to my university one because it automatically redirects to the actual renewing page. What can I do?

303
dvaliao
Figmate
3 months ago
Maksym_Piddubnyak
Maksym_Piddubnyak
asked in Ask the Community
Bug with accessing vectorNetwork on free-form shapes

Steps: Insert any image to Figma Do Outline stroke on image Select image Try to access it’s vectorNetwork, e.g. via figma.currentPage.selection[0].vectorNetwork Get error 9374-54463aa82ff32894.min.js.br:903 Uncaught Error: in get_vectorNetwork: Invalid SHA1 hash at VectorNode.get_vectorNetwork [as vectorNetwork] (9374-54463aa82ff3289…min.js.br:903:58240) at <anonymous>:1:32

501
Michael_Yong
Figmate
3 months ago
Maha_Aziz
Maha_Aziz
asked in Ask the Community
Autolayout in a hugging component

Hello! I created this component with a list item text box and a button inside a tooltip I want to be able to add more list items in an instance of the component depending on the content of the tooltip, but it’s saying that pasting is not allowed in the instance due to the tooltip being a component, so in an instance I can’t copy the list item to add a new line to the list auto-layout Is there a way to fix this? The text box, button, and the tooltip with both are all separate components

224
Maha_Aziz
3 months ago
Marcus_Harvey
Marcus_Harvey
asked in Ask the Community
Editing complex IF statements got HARDER in UI3

UI3 added some improvements to editing interactions, like a resizable window, but also made other things much harder. For example, if I have a statement like… If myVar > 0 and myOtherVar == true …and I need to replace myVar with myNewVar I used to be able to simply place the insertion point after myVar or use the arrow keys to move it there, delete myVar and type or pick it’s replacement. Now Figma refuses to let me do this. Instead highlighting myVar and offering up a menu of modes. If I delete myVar it then refuses to put the insertion point before the == I now have to delete the whole statement and retype it. Am I missing something here?

80
Marcus_Harvey
3 months ago
Sarah90
Sarah90
asked in Ask the Community
Keep Instance Height/Padding when toggling on/off an icon in a component - Suggestions?

Hi all, I’m looking for suggestions when building new components with icons or nested components that you can turn off and on via boolean properties. How do you make sure your component is always the same height? Here’s an example: I have a text box component. I want to create the hover state show a couple of icons with available actions as well as a background. In the default state, there are no icons, just text. The text height is 18px, the icon box heights are 24px. There should be 4px of padding on top and bottom. The height of the hover state is 32, but since the icons are turned OFF in the default state, the height of the default state is 26px. I’ve found success using the minimum height that matches the size of the icon boxes. Then I can keep it hug on top and bottom so it can expand with more content. I also make sure the text is center aligned or whatever I need to match. This becomes more complicated if I have other nested components with it, for instance, if there were more

50
Sarah90
3 months ago
Marcus_Harvey
Marcus_Harvey
asked in Ask the Community
Any way to have a mask affect mouse enter/leave?

I have a component with while hovering, and click interactions on it. The component is a simple square that is a different color for default (rest), hover and active (clicked) states. If I mask an instance of this component with a vector mask the hover and click triggers do not honor the mask i.e they trigger in the rectangular “hit box” rather than only within the vector mask. Is this just how it is or am I missing something?

322
Marcus_Harvey
3 months ago
Grace5
Grace5
asked in Ask the Community
Preview looks perfect, prototype cuts off image–how to fix?

This may be a dumb question as I am relatively new to Figma. I tried to hunt down an answer on my own but I don’t know if I’m searching incorrectly or using the wrong verbiage…? Basically, my frames appear as I’d like in Preview mode but once I switch to Present mode the frames no longer scale. Preview mode: Present mode: I’d like Present to scale according to width (fit width). Any help would be greatly appreciated

323
Nellya
3 months ago
Chelms_Varthoumlien
Chelms_Varthoumlien
asked in Report a Problem
When doing a component search (Shift + I) the Actions popup doesn't disappear when components are dragged on the canvas and it's annoying

When you do a component search with Shift + I and you drag a component you want onto the canvas the Actions popup doesn’t disappear and it’s annoying that it stays open. The Actions popup goes away though if I click on the Insert button or press enter.

150
Chelms_Varthoumlien
3 months ago
Tom_R_W
Tom_R_W
asked in Report a Problem
Auto-Layout ? Hug Option

Hi there, So lets say I have a layer with a fix W and H, but I want to switch the W to be in “Hug Content” mode, once I switch it to be so, the H becomes also “Hug Content”. Why? I want the W only to be in “Hug Content” mode and the H in fixed. I would love if you could fix it. Applying mode to one of them (W/H) should not apply to the other (As I think at least). Now, I have to switch to “Hug Content”, and then re-apply to the other one “Fixed”. Thanks - and keep up with the good work, big fan 😎

110
Tom_R_W
3 months ago
jonisco
jonisco
asked in Ask the Community
Tap interaction only works one time

In my prototype I have a home screen with two buttons, each with tap interaction navigating to a new screen. The first time I run the prototype both interactions work fine. But if I go back to the home screen, now only one of the interactions work. It doesn’t matter if I use button #1 or button #2, every time I go back to the home screen button #2 will no longer have an interaction. Button #1 works every time. I’ve even created a new button (just using a rectangular shape + tap interaction) and the same thing happens with that as with button #2. It works the first time I run the prototype, but if I go back, neither button #2 nor #3 will work while button #1 works just fine. Is this a bug? Have I done something weird? Am I going mad?

7026
Vera_Zhurba
3 months ago
Chris_Jones
Chris_Jones
asked in Ask the Community
Magician access key

I am trying to use the plugin ‘Magician’ in Figma, but when I do, it asks for an access code. However, when I click ‘Start Free Trial,’ it just loops back to Figma. What am I missing?

20586
NYC2024
3 months ago
Daquisu
Daquisu
asked in Ask the Community
How to fix existing design after changing the interface scale?

I had designed a screen with an Interface Scale of 66%, which messed up the Figma size vs the real size. For instance, Figma was saying the screen width was 1920px but it was actually 1920 * 3/2 = 2880px wide. The biggest issue was with the font size. Figma says it is 64px, but for a 1920px screen it should be way smaller. I fixed this issue for future screens by changing the Interface Scale to 100%. However it did not fix the existing design, which still says the screen has 1920px even though in presentation mode it is 2880px. How can I fix the existing design that had the wrong Interface Scale? I tried to scale the entire screen by 0.6666x, which visually worked, but then we have the wrong screen width again. Figma says it is 1280px, but it fits perfectly in my 1920px screen. I’ve double check that the Interface Scale is at 100% and the zoom level was 100% before clicking to present.

120
Daquisu
3 months ago
olayinkapinmo
olayinkapinmo
asked in Ask the Community
Making a dropdown with Animation on mouse enter trigger

I am making a dropdown menu with an animation that triggers on mouse enter. I have been able to design my animation that works well and also the drop-down menu. My only problem is attaching the animated drop-down menu to the nav bar. I want the drop-down to animate in on mouse enter and animate out on mouse leave.

12109
benoluxury
3 months ago
Akash6
Akash6
asked in Ask the Community
Help me with "Close when clicking outside" workaround for an overlay for table row.

So I have a table of the size of the most of the viewport as the center stage. When clicking on the row of the table, it opens up a drawer from the right side as an overlay (with the help of Overlay prototyping). While this is being done, the row which opened the drawer is higlighted. Now I want to use the funtion “Close when clicking outside” and it should go back to the normal table view. However, the problem is, it goes back but to the highlighted row table. So the flow is like this, normal table view, mouse on the row (highlighted), clicked on the row to open the drawer related to it (row is here highlighted), when clicked outside of the drawer goes back to just row highlighted which is part of 3, instead it should go to 1 how to do that? Please help me.

871
A
3 months ago
yerin
yerin
asked in Ask the Community
피그마 pdf추출 질문

피그마에서 pdf 추출 시 기존 디자인 화면보다 폰트나 이미지 등이 더 굵게 출력이 되는데 원인이 뭘까요?

1181
BramWerink
3 months ago
thomas.ballarin
thomas.ballarin
asked in Ask the Community
Move components between files and transfert this stylee

Hello everyone, I am a beginner in Figma and I would like to know if it is possible to copy / paste a component from one file to another while keeping / copying the styles associated with this component (text, colors, effects)? When I cut and paste a component from one file to another, it works, but the styles are not transferred locally. My idea is to copy/paste a complete, local UI Kit into a Figma file. With cut/paste, I’m forced to cut/paste the styles and link everything in my new file. It’s time-consuming! If I publish the Kit UI library, as soon as I modify a component it’s reflected everywhere. As my projects are all different, this poses a problem. Thanks in advance for your help Have a nice day! Tom

261
BramWerink
3 months ago
MiloW
MiloW
asked in Ask the Community
Copying starts history - WHY?

OK, so a common thing, at least for me as a designer, is going back some steps, copying something and then going further to the “present” and using what I have copied. Now I don’t know if it’s in Figma (probably yes) but just now in FigJam it turned out going back and copying resets history which is a big NO NO. Why would copying start new history feed in the file?

193
BramWerink
3 months ago
Moussa
Moussa
asked in Ask the Community
How to give wallpaper effect for background

Hi all, I would like to give a wallpaper effect for the background of page like in attached picture, how can I do this on Figma? Thank you in advance

351
BramWerink
3 months ago
A
Anastasija_Mishevska
asked in Ask the Community
Which frame size to choose in Figma?

As a beginner, I am slightly confused, when starting to design is there a general frame size for mobile apps that will look well on android and also iPhone?

27843
Gayani_S
Figmate
3 months ago
N
N.A.G.A
asked in Report a Problem
Nested animation stops when using variables

I am encountering a bug where the nested animation inside a component stops in the middle when variant state is changed using variables. Can anyone from Figma team help? Steps to reproduce: Step1: Lets say a component named X has 3 variants(named alpha, beta and gamma) out of which one variant(alpha) has an animation (animated using a nested component named Y). Step 2: A local string variable(StringVar) is created and the value is set to one of the component X’s variant names eg:‘alpha’. Step 3: Drag a child component of component X onto canvas and link the state to the local string variable created above. Step 4: Create two buttons labeled betaBTN and gammaBTN with mouseenter and mouseleave interactions. So on mouseenter, the local variable StringVar is set to variant names (beta or gamma) based on the buttons(betaBTN or gammaBTN) the mouse is moved over. This works well so far. The issue is with the mouseleave trigger which is set to the animated variant (alpha) so when mouse is outs

103919
Joey6
3 months ago
Burak_Kantarci
Burak_Kantarci
asked in Ask the Community
Notifying / Alerting devs on changes about Ready for Dev status

Hi Figfam! We’ve been using the “Ready for Dev” status frequently, and the ability to add messages when making changes and compare with previous versions has been super helpful. Our developers were wondering if there’s a way to send automatic notifications (via Slack or email) when a new version is pushed/committed for a screen already marked as “Ready for Dev.” The goal is to alert them automatically when changes are made, so they know to review and compare updates. I checked the plugins and community, but couldn’t find a solution. Is there an endpoint in the Figma API or a possible workaround for this? Thanks!

260
Burak_Kantarci
3 months ago
D
Daniel_Alexander_Calvo
asked in Ask the Community
createInstance() not a function

I have the following code: const components = findComponentsInPage(componentPage); const selectedComponent = components.filter((component) => { return component.name === nameComponent; })[0]; try { console.log('Creating component instance...'); const componentInstance = selectedComponent.instance.createInstance(); selectedComponent has the following interface: interface IComponent { name: string; instance: ComponentNode; } So as you can see, I’m passing the ComponentNode to createInstance() function. However, I get the following error: Any ideas? I’m recovering the ComponentNode from the page.children by their name.

313
D
3 months ago
S
Sena_Menes
asked in Ask the Community
Clip content, new interface

might be a dumb question but i can’t find the clip content setting in the new interface. can you help?

372
S
3 months ago
R
Ron_Davin_Divina
asked in Ask the Community
How to see the hidden part in Dev Mode?

I need to see the hidden scrollable part on prototype, but on dev mode I don’t know how to see the content hidden

4013
Wolle
3 months ago
Terms & ConditionsCookie settings