Ask the Community

I’m running into a UX hiccup when I try to change a missing font and replace it with an existing established library font component from the main replace missing fonts modal. I came back to a file that hasn’t been used for a while, with that came a font update (as I didn’t have the fonts previously used). When scrolling the never ending list of fonts available I found myself thinking 1. I don’t even have any idea what font I should be choosing (I don’t know it by name but more by look) 2. I use my component library so religiously I found myself wishing I could just replace the fonts with what I have established in my companies design library. From this screen I’m unable to bridge that connection.

Hi ! New Figma user, I’m building a design system. I sometimes get ready-made components (i.e. on Figma community, for example, components with ready-made variants). I’d like to take some of these components and paste them into my personal design system file, but the problem is that they sometimes take me back to the source file (when I want to modify the icon, for example). How can I retrieve components from file A and paste them back into file B without there being any link with file A? I currently select the layers, copy/paste them and recreate a component from these layers, but there must be a simpler way that I don’t know of yet! Thanks in advance for your help.

Hi friends. Is it correct to show “App is designed by someone” in the mobile application?

Is it the intended design? I wish it worked with root frames, so my projects wouldn’t be overloaded with components that are actually screens.

My organization has a product that we are white-labeling. This is our first time white-labeling the product, so I am trying to set up a good system for my variables so that as we grow, it is easy to add new white-label brands. I have set up 5 variable collections, following the instructions from this video: https://www.youtube.com/watch?v=rQqueggLBfs. This is the main brand’s base color variable collection: This is the white-label brand’s base color variable collection (still incomplete because I didn’t want to do more while this approach is still not working): Here is my alias collection (I have not finished building it out as it does not seem to be working as intended): Here is the Mapped collection for the main brand: And the Mapped collection for the white-label brand: As a simple example, here is a component that I am wanting to turn from the main brand (green) to the white-label brand (yellow and black). What it appears to be doing is changing the alias colors from the main

Just now I lost my design page in one of the file, and it is empty now when I open that page. One page with the full design is missing. What should I do to find it back? Angela

Does anyone know why there’s a dashed line around a component in my icon library? I haven’t seen this before in Figma. And cannot figure out what it means. It highlights blue when the component is selected, and it propagates in every screen I use that component is, which is super annoying.

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

Hello, I would like to know how to effectively use a design system in Figma. I have a few specific questions to make sure I’m following best practices: File Duplication : Should I start by duplicating the design system file and create my pages within this copy, or is there another recommended method? Quick Color Modification : In a large design system, what’s the best way to change colors globally and quickly? Are there any tips to avoid having to modify colors element by element? Publishing the Design System : When is it necessary to publish the design system in Figma? Should I publish after each modification or only at key moments? Thank you very much for your help!

Limiting the size of text with Auto Width property when it reaches the container boundary. At first glance the answer is the “Auto Height” property, which limits the text when it reaches the container boundary, e.g. autolayout, when the field is stretched to its full width with the Fill width property. But! Let’s say we are talking about text with an icon. I want the icon to come right after the text, and this is only possible with the Auto Height field. But then the size of my text field becomes unlimited, and the content can either go outside the container or be clipped by the Clip content property. Both options are clumsy and undesirable. It would seem that the Max width property could solve this problem, but it stops working properly for our task if our component is resizable. I’ve shown it clearly on the pic. Guys, any ideas how to solve this now? Or without a new property (e.g. max width = parent width) it’s unsolvable?

I don’t know what is happening to my Figma when ever I open the desktop app, it slows down and becomes like this

For a specific project I am working on, we are looking to identify elements by using the element IDs. However, whenever something changes on a given Figma page, the IDs are redistributed/updated, which makes it impossible to identify the elements by their element ID. Is there a way to prevent the element IDs from changing for existing elements even if other elements are added or existing ones are changed?

На работе поставили новый компьютер i7-12700K/64Gb/500Gb/4080/1200W/Windows 10 Pro А фигма жëтско тормозит, не могу нормально двигать пространство и фреймы, браузерная версия и то быстрее работает, чем версия для компьютера. Попробовала включить фигму в высокую производительность через системы-дисплей-графика и перезагрузить, но не помогло. Что делать?

My plugin was removed due to copyright infringement but I don’t know why exactly they removed it because they didn’t give any detailed explanation. Here is the message that I received few days ago: Hello, This is to notify you that we have removed or disabled access to the following material because a third-party claimed that this material is infringing its copyright: If you believe that this material was mistakenly removed or misidentified as infringing, you may submit a counter-notice in accordance with the Digital Millennium Copyright Act (DMCA). Please contact your legal counsel for information about this process, but do note that under Section 512(f) of the DMCA, any person who knowingly materially misrepresents that material was removed or disabled due to mistake or misidentification may be liable for damages. Thanks, Figma Content Reviews Team How can I retrieve my plugin. I don’t know what should I do now

We have developed a design system. Interface layouts were created based on it. When we switch to prototype mode, everything slows down very much. There are drop-down lists, there are hovers, there are scrolls. What is the reason and how to get rid of the problem?

Touch and hold a clip to pin it. Unpinned clips will be deleted after 1 hour.Touch and hold a clip to pin it. Unpinned clips will be deleted after 1 hour.

The (+ sign inside circle), + icon, on the frame is not showing so I can connect two frames, and do wireframing. i made web pages, now i want that when i click on one page it will bring me to the other page so my work will done. but Figma is not showing me the + icon so then i can connect two pages with the line the connector. I open and try both web version and desktop version on of Figma both are not showing + sign icon I am using windows 10 Pro. I am using laptop, Dell latitude E6430 Email: sxxxxxxx4@gmail.com WhatsApp: +xxxxxxx

Anyone know how to do something similar to this in Figma? Specifically talking about the second section! I like how the boxes on the left stack and collapse as you scroll. Secure and powerful crypto wallet | Ctrl Wallet

Hi, everyone 👋 I’m diving into survey design and analysis as a part of my coursework, and I’m conducting a quick research study to gather insights on FigJam’s usability. If you’re a FigJam user, I’d be incredibly grateful if you could take 5-7 minutes to share your feedback. Google Docs Thank you so much for your time and for helping out with my research! 😊

I have a Mac Studio M1 Max 64gb of ram. Safari 16.1 Mac OS Ventura 13.0 I successfully installed FigmaAgent Chrome can see my local fonts correctly Can’t get Safari to see local fonts. Any ideas?

I have seen the documentation, it is hard to find the usage with python, with populating the data, I would like to know how this can be done with python, and if not, then any other way, automated way. Thanks in advance.

As shown below, when doing one of the animations it turned out fine, then when I copied it to another one, and matched everything up just like I did last time, it looks really bad and is very confusing. video here Project Link

Scaling an item inside the groups combined with auto layout breaks the layout:

Hi, is anyone else experiencing a buggy library sinds the new library update? Pushing updates takes ages to show in files where the library is added. When the update is shown in the file and you update your components nothing changes? you need to refresh the tab? Cheers, Sanny