Ask the Community

Hey all! Have a problem with designing or implementing designs that desparately needs solving?I’m working on an agentic coding tool that’s specifically built for frontend. I’m trying to build for both designers and Ui developers, and I wanted to make a list of common issues people face with current AI coders or just problems that people have in general related to UI design that I could help out with. I’ll be using the things people respond with as ideas for features that I’m going to develop soon, so if you have anything you need done, talk about it!

Hi,I'm using the browser version, but I don't know why my mask effect isn't working. Could it be because I'm still on macOS Catalina?Just wondering if the OS version might be causing the issue.

Hi, If I upgrade from my current free account to Figma Pro, will I get instant access to Figma AI?

When I share a prototype with someone, they are able to view the prototype, AND can also view the whole design file if they go to the top menu dropdown and click “Open in Editor”. Q: How do I share my prototype without user being able to open my design file? [there are prob ways to keep user from editing the file, but that’s not my concern, because I don’t want them able to view the design file it in the first place.

I used to be able to export the preview at a sensible size without any cropping of the images such as border radius, however, now, for some absolutely wild reason it includes the border radius….. this is a massive pain in the ass and requires a lot of efforts to export now when it was so simple. The alternative is we download the original which then comes out at 5MB and requires resizing. Image preview including crop radius - not good​​​​​Component as displays on page Is there a solution to this? This has recently been happening on newer Figma files. Same designers, same issue on new files.

Hii, I am experiencing some weird behaviours with autolayout. The fill option doesn’t show on some frames and on others doesn’t let me centre it or align it. The “Appearance” section is not visible either. Anyone else experiencing this?

Imagine two frames. The first contains two interactive components: a seven-slide carousel and a dark/light mode toggle. The second frame is used to navigate away and return. The toggles are matching components across both frames, so they share states — which is ideal. Tapping a toggle changes its variant and the colour mode. I want the toggles to retain their state when navigating between frames, but I’d like the carousel to reset. Is there a way to control which components get reset on a frame?

Does anyone know of a plugin or tool which is similar to uiizard where I could upload a jpg to figma and it would turn it into wireframes?

I am struggling for a while to figure out a way to detect changes that have been applied to a frame since last “view” I found recently that a request to REST api getImage (https://www.figma.com/developers/api#get-images-endpoint) will generate a image and the response is cached. From what I see, the file is regenerated if I do any sort of change in the frame. Is it safe to assume that I can use the cached image key as an way to detect changes? Is there any other “official” way to trach changes to a frame? Thanks

Hey everyone, I’m looking for some input on a Figma prototyping challenge. Specifically, I’d like to know if it’s possible to create two distinct animations for a button: Single click: When clicked once, the digital value changes by one step. Long press: Holding the button down triggers a continuous, automatic increase in the value until the button is released. If you have any insights or suggestions on how to achieve this effect in Figma, please share them!

Im creating a timeline of image collections (a historical fashion timeline) spanning 30+ years with each having 60 collections containing on average 50 images so 30x60x50=90,000 which is an insane amount of images to try and load! The images are not massive but due to the sheer volume loading the page really isn’t something you can do in less than an hour… I was wondering if there was a plugin or something that would generate tiny thumbnails so to allow the entire page to load fully initally and as you zoom in to a section higher res versions load? I know Figma already does this but the images are still too higher res initially to be usable. I know i can divide the years into frames which will help fix the loading issues however the function of being able to move horizontally and vertically on the fly is really important so I’d like to avoid doing so if possible!

Hi Everyone I have one question for Figma URLs. I created a workflow journey in a Parent Page and generated the Prototype URL. After review I duplicated the page and made the updates in the duplicate page. After of the duplicate page workflow, I copied all the screens in the duplicate page and pasted them in the Parent page, after removing all the original screens in the Parent Page. And generated the Prototype URL again.  Here the problem starts, the original URL and the present URL becomes different. Please see the comparison of the 2 URLs below in the uploaded screen.The viewport data and node ID changes.Any idea why this is so, when Figma claims that the URLs would remain same.

Hi all,I'm working on a portfolio page in Figma Sites and using an iframe embed to include a custom Spline scene as a visual background. The scene is published and works perfectly when opened directly via the public link: https://my.spline.design/untitled-bn0gMdBuIbeq0O9LHbaEiPj5/Transparent background Real-time effects like pixelation, chromatic aberration, vignette No “Built with Spline” watermark (disabled in export settings) Clean visuals and correct aspect ratioBut when I embed this same scene in Figma Sites using the HTML block, I run into issues.Issues in Figma Sites iframe: A white background appears, despite the canvas and scene alpha being set to transparent. The Spline watermark is still visible, even though it's turned off in export. Visual effects (like glow, hue shift, pixelation etc.) don’t show at all. Even when using the correct embed code or hosting the scene manually with spline.runtime.js, Figma Sites seems to render a limited or outdated version. Changing t

First off: with it being named “Make” it is impossible to search up anything to do with the tool. I really like it though, and am learning a lot. I wanted to see if there was a way that I can merge or copy and paste from one “Make” file to another. 

Hi!I am trying to change the space between a sub headline and the body copy. If I place an ordinary return after the headline it makes the space to high and if I make a soft return (with the Shift+ Return keys) it is too small. How can I regulate the space after a headline and even the space before? I tried changing the paragraph spacing in the text style but it doesn’t do anything to my subheadline, although I manage to change the Main headline in the text style and it changes and looks better as seen below? What am I doing wrong? And how can I change the space after a headline and even the space before?Here you see the bold sub headline (with hard return) and you see spacing is the same above and under and too much away from the connected body copy. And for the Main headlines you can see that the space above is different from the space below towards the body copy that it is connected to. With a soft return I get it closer but too close to the body copy? 

The panel “properties” on the right side is not available, I cannot make it to appear, It doesn’t matter if there is a selected object or not. This happens in any project, new or existing or even in a copied project from other teams. I can’t find the option of activating the properties from my two accounts below (notobd4x4@gmail.com and obandemanny17@gmail.com) kindly look into this please.

Hi Everyone, One of my clients is currently hosting their site on WordPress with Elementor to design. Anyone know of any good ways to get Figma to Elementor or will I have to build it all manually?

I made a prototype with Figma Make and I’m dying to check how it looks and works on my phone—like by mirroring or opening it in a browser or anything else. Is there any way to do that yet?

Defined the variables for light and dark theme and applied on the components but when dragging Dark theme frame to light theme frame some places variable are not applied. I need a solution for this can someone help me.

Can we hide the grid when we apply corner radius to a frame ?*trying to upload a screenshot which is proving difficult!!  

You know that white loading screen you get when you embed a figma slides presentation? Is there any way to edit it or at least change it to dark mode? This is the screen I’m talking about 

 What is “inlince instances”, what is “Enable tool get_image” what is ‘Image settings”, and what included exactly  in “Variant definition”

Hi guys, does anyone know which plan includes the AI features and Figma Sites? just reading about Figma Sites for the first time. I’m thinking of moving my website from Framer to Figma, but I’m not sure if it’s the right move yet.Also, how flexible is Figma Sites for customization? Like, is it possible to add a form, connect input fields to Google Sheets (or something similar), and add custom links to CTA?

HiI'm designing a website for a new training organisation. I'm fairly new to Figma, having come from XD and before that Illustrator/Indesign.I've created a set of medium fidelity wireframes for a website from scratch, and have set it up using components which I've built and with variables set up for text styles, colours and breakpoints. I would call the components I've made semi-responsive at best! I haven't added any interactivity yet.I'm about to start on the detailed UI design, and my developers recommended using a design kit for things like icons, date pickers etc for the booking system. I haven't used design kits (or Figma libraries) before, so have a number of questions... I'm planning to stick with my wireframes, and then to drop in and adapt elements from another design kit as needed. Does that sound like a reasonable approach? Or is it better to replace all of the buttons, text styles etc from the design. I imagine that the colours, text styles etc will most likely be set up d

I want to use figma AI in my education plan. How can I get that?