Ask the Community

Is it difficult to work on pixelated text in Figma? Like when Photoshop uses the ‘font > anti-aliasing: none’ value. I need a button in pixel font, is there only Photoshop available? ex)

I noticed that the Figma toolbar is at the bottom of the browser page. Is it possible to customize its position? I would move it back to the top if possible.

Trying to use the Export in DevMode where a component has it’s background defined in the component frame. This is a powerful feature of components to avoid having additional assets for backgrounds. However, we can’t seem to find a way to export just the background of the component as an asset in DevMode. Does anyone know if this is possible?

Hi, I want to use a Figma mockup(Like a book mockup, but I will add my content inside it). Can I use it in my youtube video? In future, if I want to monitise it, will there be any problem? Can someone please help?

in older version it was possible to adjust width and height with % calculations for e.g. i have a element which is having width of 100px and i want to make it 80% of current width, i had to just type 80% and Figma was making the width 80% (80px in this case). i know that it is available in scale feature but i just wan to make the adjustment separately on width or height

I’ve created two separate components (dummy-pages-1 and dummy-pages-2) with three color variants each. I’m using a ‘selectedPage’ variable to swap between variants of dummy-pages-1 on button clicks, but I can’t get the buttons for dummy-pages-2 variants to work. How can I modify my setup to allow switching between variants from both components using a single instance on the stage?

I can’t find my project file. Please help.

I understand Figma has a 2GB limit. I have a project with multiple large PNGs, just the nature of the project, that are made for print. There are not many components or layers in this project, compared to most, yet a simple 8-10 large PNGs are causing memory errors and causing Figma to through the memory error screen on a very regular basis whenever I edit anything in the component that modifies the overlays on those 8-10 PNGs. Any suggestions for how to deal with large PNGs and their requisite pull on memory in Figma?

I am a higher education professor in education ( teacher preparation). Can someone tell me how to give all my students in both of my courses access to edit without having to pay?

Hi Everyone, I am new to the community. I have faced an issue with using the same variant component across multiple frames. I created a simple variant component with two states: False state: showing a heart without filling True state: showing a heart with filling. I copied this component into multiple frames. When I tested the prototype, if I click on the heart on one page, it changes to the filled state. However, I noticed that the hearts on all other pages also change to the filled state. I want to ensure that the component state on other page remain unchanged unless I click on them. How do I do that? I know I could create a separate variant component for each page, but that would be very time-consuming. Is there a more efficient way to achieve this goal?

Hi Community, I have been struggle with this question. I have 12 images on my screen. For each image, I have a variant set up so that when I click on it, it greys out. I want to limit the selection to 3 images only, which means that once I have selected 3 images, I should not be able to select any more. How can I achieve this? Thank you so much!

Hi, Sorry if this is an extremely stupid question, I’m completely new to Figma and UI design in general. I’m working on the UI for a form-type mobile app - and when I prototype it, despite me only using 3 frames, 11-12 pages generate. Each individual form component takes up a page for some weird reason. Can I understand why this is happening, and how to fix this please? Thank you in advance 🙂

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