Ask the Community

Every time I’m trying to export an SVG, usually for icon purposes, the file preview, or when viewing in for example browsers, shows a huge white area with a small SVG in the top-left corner. These vectors still more or less work when used in code, but it doesn’t look good. When I look at professionally made icons their previews show just the icon in a large size, with no annoying whitespace. How to achieve this? I’ve attached images to show what I mean, there’s a clear difference when previewing something I’ve created and a Fontawesome icon.

So I’ve made some components with multiple items and when I try and size the component up or down, all the elements don’t scale with the frame of the component. In the video: Example on the left - I’m using auto-layout but haven’t dialed it in (just to test) Example on the right - no auto-layout (some elements scale and some don’t?)

As a designer, I can set a maximum width for an input and apply a rule to truncate the text inside if it exceeds this width. However, I’m not sure where to view this in developer mode. Does Figma have this capability?

Hi everyone, Variables won’t reconnect to their Library I had to move a large file system twice in the last few days across different accounts. (Saved them locally and imported them in the new organization)My file system is structured like this: Foundation-> Styleguide (with aliases of the colors)-> multiple files The colours (and sizes) are created as variables in the Foundation and assigned as aliases in the style guide The problem: After the move I added the libraries again to the files but the variables are no longer linked. The libraries are recognised, new links work but everything old is no longer updated (there isn’t even an alert if I made changes in the librarie). Possible solutions (unsuccessfully tried out): tried to exchange libraries with the “variables pro” plugin removed libraries again and added new ones changed foundation and republished tried “Repair variables Connection” (it found nothing) googled for hours in vain Now I don’t know what to do and the devs wa

Ok this is annoying the crap out of me. Does anyone know how I can get the avatar circles to keep their shape when altering the width and height of a card they sit in? I have everything set to ‘Scale’ but nope. SOS

Ever since the low blow that was the remove of Dev mode, we’ve been looking for a Figma replacement. It was such a scum move. I dev in Wordpress, so I’m not looking for any code generation. I’m just looking to see all the styles saved in a file to set them all at once before starting to build pages. In the properties tab, I can see all typography styles names, and colour names (useless), but it stupidly won’t even allow me to see the actual font family used, or even the hex. I know I can search and click on elements one by one and it will show me their properties. I’d need to find them all at least once. And then set all the styles myself, but that’s doing twice the work the designer already did. Is that really the only way? I really hope I’m missing something. It’s infuriating.

Hello guys! have an issue with local variables. Create a Boolean variable (First frame) but i can find it on right panel to apply it to my variant. Tried searching also but no luck. What could be the problem?

Hi there, when using variable font settings in my text styles I’m not able to receive them using the REST API. As an example I’m setting the slant to -4 here: And read the a node with the style assigned using the /v1/files/:key/nodes endpoint: I’m expecting to have the slant value here (maybe in a font-variation-settings like string?) but neither the response nor the TypeStyle type look like it’s included. Am I doing something wrong here or is it something thats not covered (yet) by the API?

Hi, I’m new to Figma and I recently added the Default Export plugin, and I must say the plugins are very confusing so far using the prompt menu. I don’t understand it at all. Anyways… I installed this plugin to change my default export settings to 2x and JPG every single time. However, this plugin didn’t change the default, it just stacked as multiple exports. Now instead of speeding up my workflow, it’s worse, because I have to press the minus on every export, otherwise it exports both stacked presets and each file I export is in a zipped folder that I have to extract every time. Is there a way to reset all of these export options to not be stacked with multiple export options anymore?

branching is great and helps our process a ton, but 2 things… Sometimes developers find links and dive into old branches, I wish the branch would change it’s link, or only be accessed by an editor, or give me the ability to kick someone out of a file. make it more obvious that a branch is likely outdated but definitely the wrong place to look.

Re-center behavior in Dev mode is buggy making it difficult for devs to find what they need: ✅ Re-center to a top-level parent frame - works! ❌ Re-center to a nested frame - doesn’t work. Instead it re-centers on the highest-level parent frame. This makes it very difficult for devs to find the element they need when there are a lot of elements inside the parent frame. ❌ Re-center to a component or variant - doesn’t work at all. Clicking the toast or pressing Shift + 2 does nothing. “Keyboard zooms into selection” is checked in Figma preferences. GIF shows all 3.

Doesn’t show some emoji on Figma. How to fix?

Hello! Having a bit of an issue exporting slides as pdfs. I’ve set up a 60 odd page presentation on Figma, which I need to export and place into indesign as a pdf presentation. When I export the pages they look fine on the finder, but when placed into indesign they seem to end up as a white box? When I upload into illustrator I can unclip the mask and it appears, but obviously you can’t do that in indesign. I’m assuming it’s how I’ve set the slides up in Figma rather than a CC problem? Please help! Would reaally like to avoid having to edit them all individually in illustrator lol. Thanks in advance! 🙂

Hi! Completely new to Figma and I’m trying to do what I think should be a simple auto layout. I have x8 image boxes, two rows x4 on each. I want to add responsiveness, I want them to fill the screen edge to edge but I want them all to scale perfectly and remain exact boxes for different device size, not overlap or turn into rectangles. Please see attachment to get the idea of what I want, and then the two illustrations showing what I keep getting when I try to play around with the various auto layout settings. I even tried applying auto layout to the entire desktop frame in the hope that it would then see the x8 individual boxes as a single group and scale accordingly. Any ideas what settings I should use?

Looking for a way to set the description of a Variable without recreating the variable (which would break existing links to the variable, or require remapping all links to the new variable).

Hey there, I migrating my widget to use TS and Webpack and React and im having an issue that results in the following TS error ‘Text’ cannot be used as a JSX component. Its return type ‘FigmaDeclarativeNode’ is not a valid JSX element. Type ‘undefined’ is not assignable to type ‘Element | null’.ts(2786) Happy to provide any other info.

I opened a ticket regarding a refund. Can anyone shed light on how I can get Figma to respond and refund me the charge. Thank you.

I am creating a game in a prototype. A player accesses the game/prototype through the sharing link. Playing the game changes variables. When a player exits the game/prototype (by closing the browser, for instance) and wants to restart (click the link, reopen Figma) the game, the data/variables will be reset, he cannot return to his game. How can I remedy this?

Hello people, my name is Manav Gangwani from Bangalore. I recently switched to Figma and facing some queries. Can anyone help how I collaborate with my team in real-time using Figma, and what features does Figma offer to enhance collaborative design workflows?

Pretty new to design tokens, and I’m having a hard time naming semantic/component tokens. I find myself making too specific tokens and ending up with too many variables to pick from. I am wondering if there is some example file in Figma with more detailed design tokens sets, like a real word example, or some more in-depth library/glossary of commonly used semantic/component names for components? I also realise that I’m naming things based on what my mind has called them, and that might not be the correct terminology, so I want to clean things up to make them more accurate and understandable.

Question about adding a training plan editor. I’m using Figma as an education plan through university student authentication. I understand that you can invite editors to infinity for projects created by education plan users. The editor I invited over the past week used it without any problems. However, from a few days ago, another editor received a message saying, “To edit this education team file from, verify that you’re a student or educator,” and it was impossible to edit. I wonder what kind of problem is preventing other editors from editing, and please answer me how I can solve it.

Dynamically loading files (DLF’s) is a great idea for good Wifi connection but it’s killed the productivity for 2 hours of my day while commuting. Prior to DLF’s I would open all the Figma files I needed on my commute and I could work easily and hassle free. Post release of DLF’s I now stuggle to use the files as Wifi can be bad and have dead zones which means pages won’t load in my files. *** Feature request *** Can you add a button in to make the whole file available for offline use please, or if this feature exists can someone reply to me.

When running the Figma prototype on my phone, it used to display full screen, but today it suddenly shows up smaller than the screen. The frame size I’ve worked on is 375x812 for the iPhone 13 Mini, and I am using an iPhone 13 Pro. Could you please let me know which settings I need to adjust?

Plugin API don’t include WebSocket

I’m having trouble uploading videos sent to the new version of iOS. My phone is 15 pro max. Memory is only 10% full. Can anyone help??