Ask the Community

I keep running into instances where I am on a master component layer and it won’t let me make edits to it. I have made sure that it is in fact the master component and that all layers are unlocked. What am I missing?

My smart guides disappeared suddenyl. It is very uncomfortable to press Alt key all the time. How to enable smart guides again? Please help

I’m going to my first job interview for a junior UX designer and I’ve been asked to bring my portfolio with me, but I don’t know how I should take it. Should I print it out or can I take it digitally via USB? When I try to print it out, it becomes too large and distorted.

When I share my ‘slides’ only the first page is viewable to the recipient and they can’t progress through the presentation when viewing on their browser. Does the recipient need Figma to view? That would be unfortunate….

Hey People, Relatively new on Figma… Just opened Figma, on safari web browser, after a few days and found that i cannot use the Text Tool. When i use it nothing types. I can make the text box and it’s recognised in the layers but no typing (screenshot below). Cannot add a stroke to the text box either. I think ive understood it to be because all my fonts have disappeared?! Not sure why. These are default fonts that Figma has, not my own downloaded fonts. I can see the text boxes and the fonts on all my projects, with the font names, but cannot edit them or start a new text box. After searching the Community, seems its happened to someone before and was advised to download the Font Installer (Figma Downloads | Web Design App for Desktops & Mobile) which i have and still not working. Restarted my MacBook, closed all tabs, refreshed the page, started a new file etc still not working. Would appreciate any help…

So I made a slider component that fills the track color when a value is entered into the “horizontal gap between items” field. The track fill happens becase that value pushes the slider post to the number entered. It would sure be nice if… If I could figure out how to set the value on my text label to whatever is entered into the gap field. I added a variable to the text and called it “SliderMark.” All I want to do is write a conditional interaction that basically says: Set the variable “SliderMark” to whatever is entered into the “horizontal gap between items” field. Anyone know how I could pull this off? I can make a conditional variable that says “if this changes, do it.” But I don’t think there is a way to pull the value of a gap field and apply it to a variable. Right? Why could we not just add an item to the gap field option to “set variable to this value” or something less-wordy. We can apply a variable to the field, great…but I was to set a variable to the value of the field!

Hi, I was wondering if it is possible to align an object to the very end of a text block so that if the text breaks, the object will continue to stay at the end. Absolute positioning is not an option because the text has a text property and will therefore have different lengths in the instance.

The general consensus for best practice, as well as what I see in most pro UI kits for sale, seems to be importing a huge set of icons as SVG individually in the Figma design system files, and creating one component out of each icon with a vector layer only, and building components using icons based on that. However, one of the more “traditional” or long standing icon providers, FontAwesome, provides the option to use a simpler component that uses an underlying OS or Figma hosted font to speficy which icon should be displayed (and a custom component can even be made to use Figma styles to simplify it). And then, for hand-off, the same FontAwesome provider has an easy tool to generate custom SVG sprites based on what icons are used overall in the project. So, it would seem win-win ? So my question is, how do more senior designers feel about this versus the import method ? As a junior, my concerns are that in the case of FontAwesome we use for example, it is 16000 icons, that are actuall

Hi, I need a solution for these, thank you: Before I changed my pc, every tab on Figma app was opening very quickly, but now it takes 1-2 minut to open. Also, Figma apps goes offline often. When I’m going to close the app after a session, it tells me that I’m offline and my changes won’t be saved. My internet connection is the same as it was on my previous pc.

Would someone be able to help me find deleted sections? I deleted a file after duplicating it, can’t find either of them.

Hi, Got this error while running my plugin on a design. Error: in postMessage: Cannot unwrap symbol Figma here is the piece of code where the error occurs figma.ui.onmessage = async (msg) => { /** * The function `readDesign` reads the design data from the current page in Figma and sends it to the * UI. */ const readDesign = async ( selections: {id: string; name: string; isSelected: string}[], ) => { .....(code) const getPages = figma.currentPage.findAll((node) => selectedPagesId.includes(node.id), ); const data: any = {}; for (const i of getPages) { if (i.visible) { data[i.name] = await extractData(i); } console.log("data: ", data); } ......(code) figma.ui.postMessage({ type: "readDesign", data: data, client: (user.name + user.id).toString(), system: "M3", }); } I have referred this link, from where I got to know that this error occurs when the node property is a m

Hello 👋, I’m with an issue on prototype play these days, while I’m in play, interactions such as hover and click take a long time to happen, I have to wait for each screen, as if it were loading for about 2 to 3 minutes. I tried creating a file just for the prototype, thus reducing the amount of screens and scribbles, but it continues very slowly. Is anyone else going through this too? Any help on how to resolve it?

Hi Figma Community, I have been having problems moving variables / variables collection from one file to another. I’m trying to move frames with variables attached to them from one file to another and create local variables in the new file. But when I try no new local variables are created and this dialog is not showing for me either: I have unpublished the variable collection from the library before copying to the other file. Any suggestions would be greatly appreciated

Hello, Figma designers, these icons minus torments me

They are all linked with same layer names but the animation is only dissolving! Anyone knows how to tackle this??

Hi guys, Not sure whether this is an UI update or a bug, but does anyone know how I can turn back to dark the top bar containing the tabs? This is how it looks on my end, it’s terrible.

Hi, By running /v1/files/xxx I get the list of components used remotely but they only tell me remote: true, it doesn’t give me information about the fileId or the component. A way to have this property is to use the /v1/components/$KEY_ID endpoint. But it requires doing 1 call per component. Since I’m having a bunch of third-party components, I’m wondering it there is a way to get multiple at once at we could do with a /v1/files/xxx/nodes?ids=aaa,bbb,ccc?

the rest api returns a list of published components according to docs https://www.figma.com/developers/api#get-files-endpoint This list does not include unpublished components. Is there a way to include them in the response?

Question, not sure if possible and struggling with this: Having an internal company file, say a “template” file…is it possible (via a private plugin) to copy/clone etc the “template” file structure into a new empty file? (pages + pages contents, instances…everything). My approach to this (without any coding yet) would be to call the Figma API with the “template” file ID, and, from the JSON response, try to (clone?) each page. I have tried calling the API like that and the “template” file response from API comes as page nodes marked with type “CANVAS” instead of “PAGE” as I would expect. How to proceed from here?, if possible.

Unfortunately I have not found a solution. The following situation: I have a header box with a box-shadow. In this header box is a user avatar icon that opens a dropdown menu with further options for the user when clicked. This dropdown also has its OWN box shadow. But now the box-shadow is inherited from the header and the box-shadow of the dropdown looks horribly bad. How can I prevent this WITHOUT positioning the dropdown absolutely and placing it outside the header box? It seems to me to be a pretty standard case that there are dropdowns within boxes that also have a shadow. So I don’t understand why you can’t set this separately. In the example shown here you can see that the shadow is displayed correctly if the user icon is placed outside the header box. Which of course cannot be a solution. Thank you for your attention! 🙂

I joined waitlist for new update and still not gotten one. is there anything I can do except wait to get new version?

Please search for existing topics before posting! Press 🔍 at the upper right to search.

I’m developing an icon plugin for my team. The plugin successfully pulls icons from a published DS foundations file into the plugin. These icons can then be inserted into the Figma canvas while maintaining the link to the design system. This part works great. The problem I’m facing is displaying the icons in the UI. I’ve tried various approaches but haven’t found a solution yet. I’ve added the file key and Figma ID tokens as I understand them. If anyone has experience with Figma plugin development or UI implementation, your insights would be invaluable. I created an icons.ts file that pulls 5 icons using their specific keys, allowing these icons to be inserted into the canvas.share.cleanshot.com Errors that I’m seeing

Does anyone have a list of what you and can change in a library component update before that component breaks? By breaking I mean instance use across design teams, overrides being reset etc. I have a large library I am designing and managing and there are times when new requirements are needed for existing components and I am finding it tricky to nail why somethings break, some dont. Example if you change the name on a boolean it seems to break any instance but why, it’s just a name change? Example was a table cell component that had a boolen to turn on a checkbox. Later the requirement was to be able to switch the checkbox to a radio, so we created a part which could be switched between checkbox and radio and replaced the checkbox. That didn’t break the component’s instance until we changed the boolean name from “Checkbox” to “Row Selector”. Which then when we tested the component via a dummy library all instances with checkboxes turned on all turned off as it no longer associated tha