Ask the Community

Hi all, Newish to Figma and trying to find the best way to create a component or variables for what’s essentially a multi pick-list for users. Use Case, “I want to reserve an office space from 4:00pm - 6:00pm” and a second office from 11am-12pm” For Figma prototype, when I click on one of these boxes I want it to stay in the turquoise state. Would I just make all of these buttons? Here is the design: Any help would be greatly appreciated thank you!

My images are scaling smaller when dragged into figma - WHY? Top image is a screen grab of the website Middle image is the file dragged into Figma (viewing at 100%) Bottom Image is the Website Look at the font sizes in these jpgs - Its impossible to map 1to1 when this is happening - HELP!

Hello. I am somewhat new to Figma but would love to incorporate this animation into my prototype.I need an object (a block of text) to become smaller only when the user pushes and holds another button on the interface.So to begin, the screen is static with some text and a button, then the user presses the button and the object (text) begins to shrink. Then, when the user releases the button another screen is triggered. Is this possible? If so, I haven’t been able to figure it out. I apologize if this is easy and a waste of everyone’s time. It’s not like the usual animations people create so I’ve had a hard time figuring it out.

How do you set a thumbnail for the at the Project Level? Not at the file level but the Project  

I need to recreate this effect to show it to a client, the effect goes like this: I click the "Confirm" button; The current content of the page summaries in a card; It stays on the screen for a little bit meanwhile the new content is shown; The old content goes up and the new content take place in the page (note: scrolling up reveal all the old content of the flow) Is there a way to do it?I uploaded the video here 

Hi all, i have been working on components in a styleguide and have no to restore a specific component. As i understand, if i select a status in the version history where the component was good, the whole styleguide would then be reset and all changes since then would disappear. Is it possible to reset only this on specific component or does anyone know a workaround?

In Figma, I am trying to export HTML but it doesnt seem to show the GDS components I have used in the page. Am I missing something or does Figma not recognise GDS components when exporting code?

Hi, everyone.I recently started my studies and during one of the classes I noticed a variables icon very close to the letter spacing field. However, when I looked at my screen, I didn't see the same icon. What is this icon for? Is it some feature that no longer exists?  I would appreciate it if anyone could help me.

Hi everyone, I am trying to migrate from InDesign to Figma but I still need InDesign files. After creating the Figma documents I will need to somehow export them and work with them also in InDesign. It seems there is no way to export a document directly from Figma to InDesign. Does anybody know how to do that (maybe a plugin) or if it is even possible? Thanks

スタータープランをつかっているものです。 Figma AIを試してみたいと思っているのですが、AIのメニューが、ツールバー上に表示されません。 UIはすでに新バージョン（UI3)に変わっています。また、ファイルブラウザ上で、プロジェクトの設定でもAIの機能はオンにしてあります。 このような状態の中で、どうすればAI機能をオンにできるか、どなたかおわかりになるでしょうか？ 宜しくお願いします。 

I have a frame full of component tabs set in an auto layout. The tabs are stroked and the gap between is set at -1 to avoid double line thickness between them. The default tabs have a grey stroke whereas the active tab has a blue stroke. Canvas stacking is set to ‘last on top’ which works great when the first tab is active. When the second tab is active, it’s left blue stroke is hidden by the first tab’s grey right stroke. I get the same result (but mirrored) by swapping canvas stacking over to ‘first on top’. If I bring the second tab to the front, due to the auto layout, it moves physical position to the first in the main frame. How do I keep it’s position in the auto layout but also move it to the front?

I have an Insert Tracking Link- Component If i press the black button - it opens the overlay What i want to do is - If i press the save button in the overlay -The Overlay closes The Insert Tracking Link button changes from black to green How can i go about and do that  

Hi! I’ve seen some issues with KR and the text seems broken. I also saw that the support team has advised to use “Regenerate all instances (slow)” from [menu > quick actions]. However, I’ve seen that the editor can only access this and the viewer cannot. Is there any way the viewer can also use this option as well? Or is there a way other than to use “regenerate all instances” and fix the broken text problem?  Many thanks!

Is there anyone who can some web designs for onboarding screens been trying to get some inspirations from the community  they dont hve what i hve in mind 

Hi everyone,I'm having a serious issue with one of my Figma files. Hope someone here can help me!Here's my situation:I created the file myself, using my personal email (confirmed I am the owner). When I open the file, at the top of the file it says "Unassigned file" (in a yellow bar). I cannot edit, duplicate, or move the file to drafts or a team. The file has copy and duplication permissions turned off, and I cannot seem to turn them back on. Other users can only view the file (as set), but I can't even manage my own file properly. I double-checked that I'm logged into the correct account (owner's email).Here are some screenshots of the issue 

I love the vertical trim option that just came out. But as of now it’s not supported by any browsers. So if you enable this feature the developer you hand off too will not be able to use vertical trimming, therefore your all the designs will be off due to the larger line heights that the vertical trim was subtracting. So while this is a great idea, if you can’t actually use it on the web yet, you’re just making more work for yourself and your developer. Am I missing something here?

Is this possible with Auto Layout? I want Auto Layout to wrap but I want the hanging item/card if there is one to be center aligned versus left aligned.

Hi, I’m not sure if I’m doing anything wrong but I can’t seem to select most elements in the Show Outline mode. I have many layers and it’s bit frustrating to not be able to select things under the layers. Appreciate the help to know if I’m doing something wrong:  

Hello,One of my professional accounts finally has Figma AI access again, and after some usage, I have a few questions about its capabilities, and would appreciate some guidance, as I do not believe I was able to achieve the following:Can I make the AI use components from my design systems rather than its pre-defined set? Can I add components to its pre-defined component library? If yes, how? Can I make it create component sets and states? Can the AI use framework components like Bootstrap 5 if asked? Can the AI create variable tables for me for my design system? Can the AI create styles other than its initial style control interface? Like, actual text and color styles (if variables are not a go, since that is better)? Can it work on elements on a page, like a vector illustration, and modify the element? Can it create tables? Can it create flow charts/connections between frames since it can noo

Note: sorry if you’ve seen this elsewhere, but with the new forum, I couldn’t find the “ask the community” so posting here again :/ The wrap function for auto layout has been a great addition but I keep hitting a wall when trying to illustrate expectations of alignment/stretch of wrapped items as the width of container/screen/viewport changes.An example is with cards containing content of different length. Expectation: card containers should stretch to fill vertical gaps in grid so they all share the height of element with most content (as it works with CSS grid or the align-items: stretch of Flexbox)Current behaviour: I am limited to choosing between fixed-height or hug contents for the cards. Result: card heights cannot dynamically adapt and I am have to write extensive documentation for devs and cannot freely create prototypes using dynamic content.Am I missing somet

I created this form field. I want the field length to be adjustable, while keeping the button the same size and at the end. However, when I resize the field, one of two things will happen: Button stays the same size, but doesn’t move to be at the end of the field. Button moves, but changes size. How should the component be set so that the button has a fixed size but dynamic position?

Hi Figma team and community,I'm having a serious issue with one of my files and I hope someone can help me.Issue details:I am the owner of the file. The file is showing as "Unassigned file" in yellow text. I cannot edit, duplicate, copy, or move the file to another team or project. I have double-checked that I’m logged into the correct account (the owner account). I have tried opening it in both Figma app and browser, but still no luck. Other people only have "can view" access, but even I (the owner) can't do anything. Here is the link to my file (view-only): Possible causes I suspect: The file might be

Hi everyone,I need help from all of you as I don’t quite understand still on how the seat are works. Below are the reply from the support recently:‘It's fine for you to move the file from team with email 1 to team with email 2 once it's been created, but again, please note that everyone with email 2 logging information will be able to manage everything in that account.  Again, I recommend that every user uses their own Figma account to collaborate on the files on your chosen team whether linked to email 1 or email 2. This is better for collaborating and also for security reasons.’ My reply after:‘You meant:1. Everything in email 2.2. I create a team in email 2. All designs under this team.3. I invite each of them with different Figma accounts (separate email addresses)4. Everyone of them will view designs and accessing to Dev Mode under that team. Ultimately, they would not able to manage anything besi

Hi, i have a question that i think is pretty dumb but i can’t figure out a solution.I was working on a interactive dropdown component that i want to be able to use across multiple design.Each text/option in this dropdown is tied to a default variable (option1 is a text for option1), and i want to be able, when i copy and paste this dropdown to a new file, to be able to edit those variables values to make modifications to my dropdown.I published my component to a library, and imported this library to a new file to test my component, but when i opened my variables, it showed as empty, and my component is still “Linked” to the original variables.What workflow would be the best to fulfill my need? (create a dropdown where each value is linked to a variable, and be able to copy and paste this “default” dropdown to any file i need and make modifications based on the context)

Hello everyone, I need help solving a problem. I created an adaptive button using variants and connected them with “On Click.” I need the overlay with the message “Item added to wishlist” to appear when clicking the “+” button, and at the same time, the “➕” should change to “✔️.” However, this doesn’t work as expected. I understand that the issue is that the button can’t respond to two different triggers at the same time, but I don’t know how to solve this problemHere’s the link to the video