Solved

I have the following frame with a couple of different text boxes, shapes and images within it. As you can see, the boundary box is slightly larger on the right-hand side, which causes issues later when I add it to emails. The problem seems to be stemming from the fact that the shoe on the right, is rotated, making its boundary box appear wider than it needs to be. The slight rotation of that image is causing the overall frame boundary box to appear slightly larger. Is there a best practice that I am not following, or a way to stop this happening? Thanks Philip

Hi Community, I’m designing a component using the new Figma properties of boolean etc. I came across a problem that I’m having trouble solving, not sure if there is a way to do it. Context: I want to have a variant with an outline, and if I leave dot=true it will show the outline, but when using the absolute position option the content is not adapted. I sketched out the scenarios, in option one it would be the ideal model, in option 2 it could be a palliative.

Currently I retrieve secret keys from a custom API that my plugin uses in order to work. But, my problem is that a user can see values of these secret keys by simply going into the “Network tab” of the console (Snippet shown in image attached). Hence, this is a security risk. What should I do in order to have the keys available for the plugin to use, while making sure users cannot see its value? Please confirm if this is a possible solution: Manually setting and using secret key values via figma.clientStorage.setAsync and figma.clientStorage.getAsync?

The solutions about opacity did not help me since they are set to 100% In design mode its grey and prototype mode it goes basically black. I don’t know why this is happening. Its unusable to show anyone like this at the moment. Anyone help would be greatly appreciated.

Is there anything I can do to get a circle perfectly centered on a line? the grid doesn’t seem to allow me to perfectly align circles. Using Align horizontal centers, distribute vertically doesn’t seem to work. turning off snapping lets me eyeball it, but that can easily be reset by other alignment commands. Appreciate any assistance on this.

I see you can favorite (star) a file from its thumbnail in the project from the home screen when viewing projects or files. But I do not see a way to do this from within the file itself.

Is there any way to set up a logo ticker that when in presentation mode automatically starts a horizontal infinite scroll? Basically this…Automatic Moving Logo Slider - Webflow

I’ve got a component that has an absolutely positioned item. When I make an instance of the component, I’m not able to change the position of the absolutely positioned item. 🥲 Couldn’t seem to find a solution in the forum or Google. Is this a bug? A feature 😂? I know I can detach the instance to move the position, but I need to keep this as a component instance. Thanks in advance! 🤗

Hello Dear, There is no Variants option on the right side in Figma, which I am using. Is it only for the paid version?

Hi guys, I am going from XD to Figma, and I am missing a feature here, I am sure it exists but don’t seem to find it. Whenever creating a screen on mobile, there is a line on XD that shows you which elements will be seen right away and those under will need scrolling for a user to see. Does that line exist in Figma? If so, where can I find this info? Thanks for any help you could provide. Cheers!

I originally posted part of this question as a problem here: Variant edits revert to original Ask the community When I edit a nested variant such as text or colour the variant reverts to the original. See video example. I first show how the Variant works, then when I try to edit it you can see it reverts to the original. Which didn’t get any traction. I didn’t describe the use, so I figured i’d ask the community here: So the problem is i’m building an index. Like this: Roma Publications An index has a primary state, with a hover state and a slide out clicked state which shows an image container like the Roma reference above. I’ve added images below to further illustrate the need Where the nested instance of a variant needs to be updatable. The problem is that only the base or ‘primary’ part of the variant can update. Not the nested instance. As you can see from this image below. If I update the nested instance (the image part) of the variant (yellow) it

Hey there, does anyone know why this happens? Whenever I apply a drop shadow effect to a PNG there’s this kind of weird contour around the object. thanks

My frame titles in all files, on multiple browsers, and in the desktop app, are now floating way off to the side or completely missing when zoomed in. Anyone know why this is happening? It makes it fairly difficult to work without knowing the name of the frame or being able to select it easily using the title.

Hi all, Please help… there’s something locally wrong out of the blue. The frame names gone missing or out of place. This happened suddenly without me pressing a button intentionally. View pic. I’ve loved out and in, restart app & Mac, Cleared cache… nothing. How can I fix it ? Thanks 😕

Hello guys, I’ve been facing an issue on Figma(both on the desktop app and any browser) for roughly 26+ hours. All frames in every of my files all suddenly became inaccessible from the canvas except on the left panel, I can’t see the frames name or drag them on the canvas without clicking on them from the left panel. I have tried every possible solution, logged out, restart all but still nothing. See an example…

Hello, I am trying to create a map of all our paintStyleIds that we have stored in a Figma file. Purpose of doing that is to use semantic names of these paintStyles rather than their hex values. I have a plugin which gets the values of all the current paint styles in a file (using figma.getLocalPaintStyles() ). When I look through the data that I get back from Figma, I see that paintStyleId comes back truncated, something like this- id: “S:407eaa3991e05cb0597e4da3fr728014dc7f0f3b56,” The actual iid that works looks something like this- id: “S:407eaa3991e05cb0597e4da3fr728014dc7f0f3b56, 3:78” I am trying to. understand where does this colon separated value after the comma comes from? I don’t see this data anywhere in the data I get back from Figma. Any help is much appreciated.

Hi guys! I made a very simple example, but in the original dropdown I have 10 variants. The problem is that I can’t link from the dropdown variant to another frame. Yes, I can do it from the component, but this doesn’t work for me since the link will not be the same in the prototype. I am doing something wrong? or can not be? Thanks.

So I recently started learning Figma and I was watching a tutorial, I couldn’t find the background blur effect in effects option it had only style and that was drop shadow, is there any way I can add it to styles?

Hello, I am making dropdown buttons in order to show and hide elements. However when they are in the open state they go below the other elements. How do I keep them in front?

Hi there! I am trying to make a plugin which need to show instance lists along with their pages name, I did tried it out but the for loop function is very slow. Any suggestions with these code below? for (const node of nodes) { for (const page of figma.root.children) { if (page.findChild(n => n.type === 'INSTANCE' && n.id === node.id) ){ pageName = page.name; console.log(page.findAll(n => n.id === node.id)); console.log('found',pageName); } } pageNameArr.push(pageName); }

What is fixed and scrolls in figma right side mention? What do they do?

Good afternoon. I want to create in my prototype a field for entering numerical values and text ( for example passwords or a small comment). Is there any way to animate it without creating additional frames? Do you happen to know a good tutorial on this topic? So far I have created input fields and a popup keyboard, I would also like to do numeric input into the input fields when I click on the keyboard. 😀

Hi ! I’m starting to use Figma more professionally (used it in a personal way before), and just learned about prototype, scrolling and so on I’m trying to create a scrollable list of tickets. If the user does not find the ticket she wants in the list, she can click a text at the end that says “Load more tickets” (see image below, I can only embed one). Unfortunately, I’m unable to put this bottom padding you see above when I enable the scrolling on the list container (an auto-layout element, no component involved). It appears like this : How do I add this bottom layout? I’ve been searching for what feels like hours without finding what I need. Thanks in advance for any help ! Have a nice day ☀️

I’m having trouble properly sizing shapes because they end up with a lot of whitespace around them. I create a shape (StarNode, PolygonNode, or EllipseNode, then a TextNode. I resize both to the same dimensions. Then I put them into a GroupNode and finally resize the GroupNode the same. The ellipse works perfectly, but star and polygon have significant whitespace. While it looks alright, it makes proper sizing difficult. Any thoughts on how I can make the size fit snugly around the shape? This is my first Figma plugin project and I’m likely missing something obvious. I can provide the code if it will help.

hi there ! An error message pop up when i try to use Adobe Fonts … when they are well installed on Adobe Font and worked perfectly fine a few days ago … any clue what can i do ? It seems its nos syncronised anymore … please help