Ask the Community

From the past few days when I try to export in pdf the blue colors appear black (screenshot attached), I tried all the different option but no change, it drives me crazy! I already exported this file many times in the past without any issue Any idea??

Hii Figma. Files in Figma takes so much time to load. I’ve checked my Internet connnection and I’ve found out that there is no problem with the Internet. After Adobe bought Figma, I’m experiencing this. Please solve this issue asap @Figma_Support

Hi - getting started on a wireframe by following the Figma What is wireframing? page. When I follow the suggested link at - Not a designer? Don’t worry, Figma’s wireframing and design software makes the design process feel approachable and inclusive - then go to ‘Build Your Own’ I see 1. Open Components Panel shows a component button on the bottom of the menu on the left side of the page. However, I don’t see any component button here on my screen…

Hi - I want to try the WireFramer library as I start to build a prototype website. The instructions in WireFramer sugest adding this file as a Figma Library so the toolkit is easily available to me. However, when I try to add it to Figma under Assets, and type in WireFramer, it doesn’t appear as an option to add. I’ve tried to Enable Libraries follwing online instructions, which start with 1. Click your name in the top-left corner to open the account menu. 2. Select Settings. However, i don’t see my name top left. Just starting out, any help appreciated. Thanks, Richard

Hello network, I am having problems using light and dark mode in my file Context: I am creating a design system for my platform, as the design system will grow exponentially I am working on it externally, then I have a file where all my design goes, then from that file I am calling the design system library , in the library I have two color modes, then I call these colors from my design file, if I manually change the mode this works very well, but if I do it in the prototype I do not get results, even though the library is importing correctly, help with this please

I have the following problem: I have a file that I created to save the colors, components, typography, etc (Design System)And I have another file where I am designing my application, I have imported the library (DS) to my file where I have my application, and everything has been imported correctly, but when I try to use the color mode (Light & Dark) it does not work in the prototype , if I do it manually from the workbench everything seems to go well, but I need to be able to incorporate it into the prototype, please help, I need to manage two files, a library and my main file, I leave two screenshots for more evidence

Hi - having set up various Sections across the desktop of my prototype website, I want to add text to each section that reminas inside that sction and describes the function of that section, how it links to other sections etc. However the text box I’ve added, although nested under the resepective Section layer, can be scaled and moved outside the boundary of that Section. I notice on the pages that come already set up as examples on the Getting Started page, the text boxes are constrained by blue dotted lines. I can’t find reference to setting up these constraints in the Help notes. Great if someone can direct me to the relevant Help notes. Thanks, Richard

How I can change settings too see whole Toolbars and other features? Is this a new version?

I’m a product manager and co-founder and tried replacing Whimsical/Visily for protoyping with Figma so that I can create interactive wireframes and colab with my team. I just started using Figma for this and I have to say, the learning curve is steep, very steep. It takes me much, much longer to prototype something, which gives me all the common elements I need to quickly put together screens, etc. Using Figma is a total pain where I need to find every single detail and sometimes takes me hours to figure out how to do the most basic things. You have to create every component for wireframing or having to copy it one by one from a UI set. A complete waste of time and the UI doesn’t help. I absolutely hate it.

I’m trying to setup my code-connect project very similar to @figma/sds where in the figma.config.json file they’re in a rather clever method of leveraging documentUrlSubstitutions to do value replacement for the Figma document URL. Config { "codeConnect": { "include": ["./src/components/**/*.{tsx,jsx}"], "exclude": ["**/utils/*"], "parser": "react", }, "documentUrlSubstitutions": { "<FIGMA_INPUT>": "https://www.figma.com/design/:file_id_here?node-id=:node_id_here", } } Component: figma.connect(Input, '<FIGMA_INPUT>', { // code is here }); Error: Validating Code Connect files... Failed to parse <FIGMA_INPUT> Any insights or is there a custom implementation I am missing? [details left out for privacy]

How to place image to Figma without any suffix - i need to have original unchanged names of them and figma adds 1 on end. Thanks 🙂

It’s not happening in other prototypes. The screen will flicker black on and off even without any mouse or keyboard action

I need the developers to see the different names of the color variables depending on the theme chosen by the variable

I want to record a prototype, while showing the touch circle, to simulate a real user interaction. Currently the only way to get a touch circle instead of a mouse curser, is by selecting a phone frame. Is there a way to do it, with out the phone frame? I would rather record a ‘clean’ full screen, without the frame.

We’re working on automating the QA process for validating the design in Figma after it’s translated to HTML. Specifically, we need to extract and compare the CSS properties (e.g., padding, background color, alignment) and the text content of Figma widgets to their corresponding HTML elements. Does Figma offer any prebuilt plugins or tools that allow easy extraction of these properties and text? Alternatively, would the Figma REST API be a good approach to read these properties and text directly? Any suggestions or experiences on how to best automate this process would be greatly appreciated! Thank you in advance for your help!

Hi community, I have 12 letter sized frames that I have grouped together to create the sewing pattern on top of. The overlapping layers are all grouped together but I can not “split” the content into the 12 frames without messing up the overlapping layers and pattern. How can I do this so that the layers combine and split at the borders of each frame so i can individually move each one and print them as PDFs? Right now it only saves as one pdf which ruins the scale. Thank you!!

I have an info button component (24x24) that shows the info pop up (250x200) while hovering. When I include the info button trigger in an auto layout of a form, the hover state expands the row in the form. Is there any way to have the hover state float above the form as one normally would?

Everytime im trying to use “Outline Stroke” on the vector im making with the pen tool the tab im working on just freezes 😕 does everybody else also get this?

I have an education Figma plan that I use as a beginner but now I want to switch to the free Figma plan. Can anybody please tell me that if it is a good decision or not? and Will I lose my current files?

I got the new UI design, for the moment I am adapting well to the new design but before if you do not have dev mode you were able to inspect the screens using the properties tab places in he up area of the right side bar tools, here is this tab now? how we can explore our design if we do not have dev more?

I try to get a black see through overlay sliding in on my screen, but it shows 2 overlays sliding in for some reason? Figma – 6 Sep 24

Searching for components inside using Shift + I dropdown, now requires Exact path matching from the start, rather than partial match inside the Component string name. Same applies to colours searching. Eg. If I search for ‘40’, no primary40 is shown. But if search for ‘primary’ then all primary tokens are show ( which is correct ). Text styles is not affected by this. This behaviour changed since the latest quality of life update, which I’m super happy for btw.

Hey Guys! I have a question for those who had been experienced in a big company as a design system designer. I was wondering if you could help me. Here is the question: How you guys notify Developers and the rest of design team (UI designers) about minor/major updates on design system. Which tools do you use for it? If you have any experience, I would be pleased if we could have a chat.

Hey there, I’d love to get your input on this multi-icon color topic. I finally managed to get the button icons to change color based on the state of the button. (It took me a while, but now the icon layer names match, so that if the color of the icon changes in the master component, it also changes in the instance, even when changing icons.) This is the way we typically structure icons: Now things get a little more complex: I have some icons that are multicolored, e.g. and they are structured like this in most of the cases we use the same color but we just change the opacity of the layer, (there are few cases where we just change to a completely different color). This multicolor icon structure was chosen because we found it to be the best way to handle SVG exports. When I use this icon in a “button icon” where I have the instance swap property, the color of the icon does not take the color of the component, I suppose because the layer names do not match. However, I am not sure how

Hello! When i try to clean my projects in team from unimportant stuff, i thought i moved one of important files to other team, but now it lost i can’t get the access to project, there are a huge work there 😦 when i deleted my team there are no even any projects. so i confused why it was happened! And i can’t restore my team, because after couple of months i remembered of this project, and my customer can’t get the access too, and they did’nt do any copy of this. Can u help me please to resolve this problem? This is the link of project https://www.figma.com/design/1P4NbHxyljbw0QuGaXIipo/Smorodina-Analysis?node-id=883-2232