Ask the Community

Is it possible to use Figma Make AI to create the initial design and then open it in Figma Design to further customize and make changes? Not sure if it’s possible to import the React code or if there is a way to change to file into something that is compatible. 

For the purpose of iteration and seeing changes I did overtime for a project, I like to duplicate a page every time I improved a lot of items. However, I noticed this bug where some components would be treated as new components on the new page, and some remain as an instance from the old page!! This is driving me crazy because  it’s really messing with everything I’ve created. I’ve read an old post saying that I can work around it by copying everything to a new file, then post it back to the old file on a new page. This didn’t do anything… Even in the new file, there would still be instances that take me back to the original component of the old FILE!! Is this how it’s supposed to be or am I doing something wrong? It would ask me to restore the component too. How do you all keep copies of your iterated works for record keeping? Do you just start a new file when you iterate and improve something? 

Figma Buzz looks promising, congrats on the release!I’m curious if its features or functions are available to integrate with third-party plugins for Figma.  Is it possible to invoke any aspect of its functionality or behavior via the current developer API?Thanks!

Hi folks!I am an Angular 19 developer and I want to use all designs, controls and screens built by my colleague in Figma with the M3 library kit. All styles, schemes, background colors (or other colors etc.) refer to the correspondent M3 schemes and colors. Currently I am using a plugin in Figma to export all variables. My question: Based on given export file format (CSS or SCSS)… How to use these variables in Angular/Material3 on development side?

I have a file that contains main components, and in that same file I’m using children of these components as nested components (e.g. component 1 = button, component 2 = card containing button). I created a branch via the branching feature of Figma. However, in this branch, child components and main components lose connection. I change the button, but changes are not visible on the button in the card. The child component still refers to the main component in the main file. Is this supposed to be like that? How am I supposed to test changes to components like this? Right now I would have to make the changes to the button in the main file instead of the branch, which is exactly what I want to prevent by branching. Am I missing something here?

I'm using an icon from the Bootstrap icon library in our project. Some of the icons appear to use boolean operations, and we're unable to change their color in their instance. When we check the vector layer panel, it shows "Update boolean operation," but clicking it doesn't have any effect.

Hello community,I was wondering if it is possible (either natively or through a plugin some of you may have come across) to select all component instances on a page based on a specific component property?For example, suppose I have a button component with different "size" variants. One size property is called "desktop" and the other is called "mobile". I want to select only the instances with the "desktop" property.How would I go about doing this? I couldn't find any specific plugin on my own that could help me do this, so I thought I would ask here since someone else may have come across this specific need and solved it.

I’d like to grab an existing site from Github and use it as the foundations for Figma Make. How do I do this?

Hi!I’m having an issue with my hover and scroll behavior. I’m currently trying to create a button that will highlight on hover. However, when I get the highlight to work, I’m unable to scroll when my mouse is over the button. If I move it off the button, I’m able to scroll again.The component I’m using for the hover is not under the “Scrolls” section, because if I drag the layer there, the highlight no longer works.   How do I make my button highlight while also being able to scroll when my mouse is hovering over it? You can view the prototype here to understand the issue better:  

 Hello Figma Community,I am enthusiastic about Figma and it's new features, Figma Buzz for example. I would like to introduce Figma Buzz to my colleagues, but I am not completely sure if it is suitable for what we as a company want to do with it: create large, high-resolution posters for events.I'd like to find out if  (high resolution) files made in & exported from Figma Buzz (often .pdf) are good enough quality to hand off to a professional printing house. Does an exported high resolution PDF in CMYK color format, meet the output format requirements for large-scale printing?Are the raster image handling and (PDF) export options in Figma Buzz specifically for high-resolution print good enough, or still developing?Thanks a lot in advance!Marinske. 

Hi, I’m wondering if any sites I publish with Figma Sites while on full seat will remain live online after I downgrade the plan. I’m assuming it will just not let me make any edits and publish new edits after downgrading, is that correct? 

Figma May 2025 update introduced squiggly strokes. This is great for designers, but how are developers expected to create them on the web? The Dev Mode code output just has a standard border stroke.   

I have design file created in Figma containing of our consumer site. Example attached. We have another website that is different but using the same variables seen here. So, I copied them into the new project so both are using the same variables in the properties section in the right for spacing, colors and width etc.If I update something in the main file like a variable color or text size, I will update it in the variables section in the new project file. Am I doing this right?Thanks  

I would like to format the message text when I create comments using the REST API (POST/v1/files/:file_key/comments)Something like this:curl -X POST -H 'X-FIGMA-TOKEN: figd_xyz' -H "Content-Type: application/json" 'https://api.figma.com/v1/files/ZXY/comments' -d '{"message":"This s a **bold** comment","client_meta":{"node_id":"1:360","node_offset":{"x":700,"y":10}}}'However, this creates the comment with the literal string in the Figma file and without applying any formatting, the comment will show up in Figma like this:“This s a **bold** comment”How can I create formatted comments using the REST API?I can see that the GET comment endpoint has an as_md parameter to get the comment with the markdown formatting, so I was expecting this to work the other way around too.Is this possible?

I’m currently making a Chants of Sennaar prototype for a school project using figma. I’ve come across this issue while making the annotation feature of the journal. When the user submits their text using the arrow button, i update the text variable of the bubble to the user’s text (see attachment). This works fine, however the bubble’s hug auto layout doesn’t seem to pick up the change and therefore doesn’t adapt to the new text’s length.The bubble’s auto layout propertiesIs there any way to fix this ? The text in itself also has the “hug” property and the bubble + text is a variant (if that changes anything).

I came up with an idea using Set variable in Interaction to swap background color of a button. Although I have both enabled and pressed color of the background, the value field are not currently supporting tokens in the Value field. It there a way we can avoid building a component set with enabled, hover and pressed, but to use variables to control? 

Hi everyone 👋I'm working on a large scale design system with hundreds of components, each containing multiple variants. In my design files, I use many of these variants across different pages. Before handing off my file to the development team, I want to identify exactly which variants from which components are being used throughout the design  and which ones are not used.My goal is to:\tGenerate a list of all used component variants across the entire Figma file.\t\t\tUse that list to clean up unused variants, so I can simplify the file or create a lightweight version for handoff.\t\t\tIdeally, this should cover multiple components, not just one.\tI’ve tried searching for plugins that do this automatically, but I couldn’t find one that scans all components in a file and lists their used variant combinations.Has anyone come across a plugin that does this?Or would anyone be interested in building one? I think it would be a huge help for designers managing big design systems.Thanks in advance! \ud83d

all about responsive

My school doesn't provide email addresses to students.I do have a student ID and other proof of enrollment.Can I still apply for Figma Education?

Hi, last year I bought a design from the Figma Community and now I want to connect to the creator. However, his/her Figma profile url is broken. I can’t find his/her works any more on Figma.

When I import an embedded code [from spline] in the screen, I receive bad request Could flarePS: the link is iframe.Does any one know why? There is nothing else on my site, only this embedded layer 

hello! I was testing out a set up in a Figma file and I was wondering about a scenario where a component was updated in the Figma Design System library file by a designer, how would those changes be carried over to developers? Is there a specific command developers can run to pull the changes and update their code, or would they have to do this manually?The pipeline from connecting a component from code to design works just fine, so long as you don't have the file made yet. But once the file exists and for example a designer adds another set of variants to the code, then the generated code isn't updated anymore.To explicitly spell out what I was doing:I used the existing Simple Design System file from Figma Community and followed the steps laid out in the Code Connect docs.\tI also cloned the figma/sds Github repo to follow along the code aspect and had the React files just ready.\tI ran figma connect create with the Button component and it was successful; it created the Button.figma.tsx

Hello everyone! It used to be that I could select a frame or section, and the “mark ready for dev” option would be in the toolbar at the bottom of the screen.However now I cannot find the option to “mark ready for dev” anywhere in the interface. Where has it gone to? Where is it hiding? Please send help my devs are waiting.

I want to move 01. Type above 02. Name, but there’s no edit option or drag icon.