Skip to main content

Ask the Community

Have a question? The community is here to help!

  • 12,758 Topics
  • 34,033 Replies
12758 Topics
Dam
Dam
asked in Ask the Community
Bugg of colors when exporting in PDF

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??

621
J
Figmate
4 months ago
Daniel_Moses_CB
Daniel_Moses_CB
asked in Ask the Community
Figma is running very slow

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

1979616
Alan13
4 months ago
Richard24
Richard24
asked in Ask the Community
Wireframing - getting started

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…

260
Richard24
4 months ago
Richard24
Richard24
asked in Ask the Community
Enable Libraries for all files - getting started

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

120
Richard24
4 months ago
Vladimir_Mendoza
Vladimir_Mendoza
asked in Ask the Community
Use Set variable mode from external library

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

30
Vladimir_Mendoza
4 months ago
Vladimir_Mendoza1
Vladimir_Mendoza1
asked in Ask the Community
Use set variable mode from an external library (Both file are in the same team)

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

30
Vladimir_Mendoza1
4 months ago
Richard24
Richard24
asked in Ask the Community
Adding text to a section

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

120
Richard24
4 months ago
Booscala
Booscala
asked in Ask the Community
Why my dashboard looks like this?

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

362
Booscala
4 months ago
Puky
Puky
asked in Ask the Community
Figma is terrible at prototyping and wireframing

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.

1561
J
4 months ago
Jimmy_Morris
Jimmy_Morris
asked in Ask the Community
Question around `documentUrlSubstitutions` for Code Connect config

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]

381
Akbar_Mirza
Figmate
4 months ago
Jakub_Vlk
Jakub_Vlk
asked in Ask the Community
Adding images with original names

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 🙂

9484
daken
4 months ago
Vanessa_Rychlinski
Vanessa_Rychlinski
asked in Ask the Community
BUG (Fix launched & monitoring): Prototypes flickering black

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

20814
Teeg
4 months ago
Polina_Osipova
Polina_Osipova
asked in Ask the Community
How do I make different names for light and dark modes in dev mode?

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

170
Polina_Osipova
4 months ago
Nir_Tober
Nir_Tober
asked in Ask the Community
Show touch circle in prototype, instead of mouse curser?

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.

19663
MARCO_FLORES
4 months ago
Ravinder_Chauhan_HCL_Technolog
Ravinder_Chauhan_HCL_Technolog
asked in Ask the Community
Automating QA for Figma to HTML: Best Approach to Extract CSS Properties and Text from Widgets

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!

370
Ravinder_Chauhan_HCL_Technolog
4 months ago
zoe18
zoe18
asked in Ask the Community
Creating PDF sewing patterns, stuck on printing it correctly

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!!

140
zoe18
4 months ago
C
Caitlyn_Ryan
asked in Ask the Community
Larger active state than the trigger on a component in an autolayout

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?

30
C
4 months ago
yuli2
yuli2
asked in Ask the Community
Outline Stroke is broken

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?

7672
Kevin_Voller
4 months ago
Himanshu_Digwal
Himanshu_Digwal
asked in Ask the Community
Education to figma started team plan switch

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?

1751
ksn
Figmate
4 months ago
Rebeca4
Rebeca4
asked in Ask the Community
Where is the properties panel inspector in the new UI Figma design

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?

2412
Rebeca4
4 months ago
Maik_Henda
Maik_Henda
asked in Ask the Community
Why is my slider not correct?

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

30
Maik_Henda
4 months ago
Dan_Traian_Roman
Dan_Traian_Roman
asked in Ask the Community
Components searching by name changed behaviour

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.

3951
Grant_P1
4 months ago
Amir_Saharkhiz
Amir_Saharkhiz
asked in Ask the Community
Getting notified design team on Design system

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.

130
Amir_Saharkhiz
4 months ago
m.p
m.p
asked in Ask the Community
Multi-color icons with instance swapping

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

400
m.p
4 months ago
Alen_Zagardinow
Alen_Zagardinow
asked in Ask the Community
Restore team after 28 days

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

211
Celine_Figma
Figmate
4 months ago
Terms & ConditionsCookie settings