Skip to main content

Ask the Community

Have a question? The community is here to help!

  • 12,755 Topics
  • 34,021 Replies
12755 Topics
A
Abhishek_Verma
asked in Ask the Community
Auto change component height if inner component icons height changes

https://www.figma.com/file/t8H1gm8J7zTyBpoYdZEEfw/Test-Component-Resize?type=design&node-id=0%3A1&mode=design&t=1GbbRnG3v9kKjTRM-1 This is my Figma reference, here I have two icons which are having same width but different height, in Auth Layout, I have kept the 0 vertical gap, I created a component which contain Icon and Text in vertical order. The text is not pushed up when changing the icon using the component property since the next icon height is less. Could someone please suggest some options here to fix this issue?

2962
A
1 year ago
Jaeger_Sims
Jaeger_Sims
asked in Ask the Community
Why does Auto Layout make my design have white space

Before After image hosted at ImgBB — ImgBB Using Figma on Web

3441
uxcal
1 year ago
C
Chris_Barnard1
asked in Ask the Community
Pinch to zoom broken on first attempt (mac)

After the most recent Figma update, it seems that pinch to zoom is inconsistent or rather, almost never works on the first attempt but then works on the second attempt. This is true if the window is focused or in the background. Have an M1 mac if that helps Any support from the community or from Figma to fix this would be much appreciated!

1691
y_toku
Figmate
1 year ago
Chloe17
Chloe17
asked in Ask the Community
Weird space issue only in preview

Hello all, I have used two images with linear blend modes to make a seamless background design. The bottom image is on a dissolve feature to act as auto tab changing. In my document on the right, you cant see a random line appearing. I think the issue is with the bottom image. In preview you can see there looks to be a spacing issue as if I havent moved it up high enough. No matter what I try, I cant seem to figure it out. So far I have tried: Moving images and changing layer hierarchy Altering the gradient on both images / single image Any help would be really appreciated, thank you. I am a beginner so please explain accordingly.

5671
y_toku
Figmate
1 year ago
Bart_Van_Hecke
Bart_Van_Hecke
asked in Ask the Community
Why can't I see my File on the community page?

I have published a file to the community I can see by the globe icon next to the filename that it has been sucessfully published. I can access it by clicking on the globe icon and going to the file page on the community, → However, whenever I search for it through the search bar in the community page, I always get a ‘no resources found matching [filename]’ result. I can only access it by searching on my name and then clicking through on the file that is attached to me as a creator. Any ideas why it can’t be found? My file is attached to a team, other than moving it to my drafts (which also doesn’t work) I see now way of moving it somewhere else to make it work. Thx for the feedback.

3076
dvaliao
Figmate
1 year ago
karan_hamav
karan_hamav
asked in Ask the Community
Game cover icons / images

Hello Figma community and friends, I am designing an eSports app for client.Where can I find game cover icons like this?

9405
militen
1 year ago
R
Ramon3
asked in Ask the Community
Variable Font Property (font-stretch) missing in Dev-Mode

The issue was already raised on July 20th here: https://forum.figma.com/t/missing-css-properties-for-variable-fonts-in-dev-mode/48849 The original topic has been closed, but the issue still persists. This is very important for our developer handoffs. This is the information we currently see about Typography in the dev-mode. We’re missing the information about font-stretch values. Could you give us an update when this issue will be fixed? Thank you in advance.

4091
Ryan_52
Figmate
1 year ago
C
Claudio_Torres
asked in Ask the Community
Using variables + Animation inside of components are not possible

Hello everyone, After investing numerous hours, I successfully designed an intricate expand-and-collapse navigation system using variables and components from a library. I incorporated rules to establish transitions between these components, as demonstrated in @miggi presentation at the Figma event. Here are the steps I followed to create this dynamic navigation: Begin by crafting a component with multiple states. Utilize smart animation to transition smoothly between these states. 3)Create a text variable to represent each state within the component. Establish an additional text variable designed to toggle between all available states; consider naming it ‘currentState.’ To work some magic, simply set each state variable’s value to match the name of the corresponding component state. Figma will automatically recognize these associations. Assign the ‘currentState’ variable to the element on the frame responsible for toggling between different states. With these steps, you’re

14783
C
1 year ago
Wiktoria_Romek
Wiktoria_Romek
asked in Ask the Community
Component usage history - is this possible?

Is this possible? Imagine that a designer uses component ‘A’ from a design system. When they copy and paste the component into a Figma page, they can see how it component was used previously. So basically I’m wondering if there’s a way/plugin to right-click on a component and see a list of use cases for it (how someone in the team modified it previously so it meets the product requirements), either in a link format or possibly in summary dialogue?

3961
Hoby-Van-Hoose
1 year ago
Molly_Hellmuth
Molly_Hellmuth
asked in Ask the Community
5 Tips to Design Maintainable Inputs in Figma

I build several design systems every year and have learned a lot about designing components that are easy to use and maintain. One of the most important ones being inputs. They deserve to be built with great care because of how important, frequently used, and complex they are. I’m always telling my team to use these 5 tips so thought I’d share them here as well! 1) Use Variants Use variants to make designing with input components faster, easier, and more consistent. With variants, you can simply select the “Input” component, then adjust the property values based on your design needs. Rather than sifting through multiple versions in the assets panel or making ad hoc overrides from memory. Inputs are the perfect use case for variants because there are so many different versions of the same component (e.g. types, states, feedback messages, etc…). By creating them in advance, you’ll enable your design system to scale with your product, maintaining perfect consistency. To create input v

91765
Nilan
1 year ago
Charlie_K
Charlie_K
asked in Ask the Community
Preserve color for icon instance swap with Material Design components

I’m using the “Material 3 Design Kit” which has a (very small) set of icons that are referenced in the “Icon button” component (side note: these icons are maddeningly different than those offered with the “Material Symbols” plugin; also, I don’t understand why the icons from the “Material Design Icons” stickersheet aren’t built into this kit either…) The issue I’m having is when I perform an instance swap using an icon from another library – even the “Material Design Icons” library – the color of the icon is not preserved and therefore the variant interactions of the icon component do not remain intact. i.e., Manually changing the color back still doesn’t address my goal of the icon color changing from gray (for the enabled state) to white (for the hover and pressed states). Any guidance would be immensely appreciated!

3491
Gayani_S
Figmate
1 year ago
Fred_Erick
Fred_Erick
asked in Ask the Community
Component organigram?

Is there some sort of plugin or platform that shows some kind of organigram, how components in a design system are stored, and what components are nested into other components?

1311
dvaliao
Figmate
1 year ago
M
maria_sjostrom
asked in Ask the Community
Receives library updates from another library that is not in my file

I have a published library. When I am in my library file I receive an update suggestion. The update is from another library I do not have any components or styles from in my library. I do not want to do the update but can not remove it either.

2131
dvaliao
Figmate
1 year ago
H
Henrique_Silva
asked in Ask the Community
Out-of-order navigation in the prototype

I created a presentation on Figma, and configured all commands to navigate but when I use these arrows my navigation does not respect the flow.

1711
Celine_Figma
Figmate
1 year ago
Toya_Burton
Toya_Burton
asked in Ask the Community
Icon variant changing back to base component vs keeping the name and icon selected

So I have searched this and understand the icons need to have the same naming convention. Mine is just iconname → Vector Here are the components. Hover should have a darker purple on the icon So expanding and collapsing the nav works fine until I change the state. Then it changes icons instead of keeping the icon it currently is on. Here is a video of my issue: --

3301
Celine_Figma
Figmate
1 year ago
4
413x
asked in Ask the Community
How to add a plugin on a figma page UI

Hello, someone added by mistake a plugin on this Figma page. It’s a great feature, how can i use it? (please see the image) Thanks

7602
4
1 year ago
R
Roberta1
asked in Ask the Community
Frame is not working

Hello, I have a problem and can’t find the solution. When I create a new frame, I can’t see it in editor, but it is created since I can see it in preview, also zoom out is not helping. Can someone help me?

10833
Celine_Figma
Figmate
1 year ago
Brian_Sweeting
Brian_Sweeting
asked in Ask the Community
Is there a url shortcut I can use to create new FigJams?

https://www.figma.com/new creates a new Figma design file. Is there a url I can use to create a new FigJam file?

6383
Virak_Ngauv
1 year ago
M
Martie_Collins
asked in Ask the Community
Telerik ThemeBuilder Integration

Do I need a Figma ThemeBuilder license to use Figma with the Telerik ThemeBuilder?

1660
M
1 year ago
C
CNCHR
asked in Ask the Community
Variables and Conditions

First of sorry if this has already been asked about, couldn’t find anything in Search. I’m trying to make a simple overflow menu with listed items. I have set a maximum (and min) height for the menu container and want it to show a scroll bar (Boolean) if items push the container height above the defined value (288px), and hide the scrollbar when height value is under 288px. Is there a way to make this work without interactions (on click, drag…)? I’ve set op the component with auto layout for it to adjust height based on how many items I’ve “enabled” in the menu and it works fine with the mentioned constraints.

1421
Gayani_S
Figmate
1 year ago
rodlouzada
rodlouzada
asked in Ask the Community
How to swap libraries via local variants

Hello all, I’m trying to set some variants to swap between libraries when I drag a frame into another section, but when I try to reach all libraries , it does’t list my libs. Is it a bug or something?

6424
Celine_Figma
Figmate
1 year ago
Adam53
Adam53
asked in Ask the Community
Distribution

Hi I am distributing squares but the furthest most right shape keeps moving when I distribute. I have watched the video tutorial on it and it says this should not happen so please help me work out why it is. Many thanks Adam

2841
MiloW
1 year ago
H
Haolun_Xun
asked in Ask the Community
Constraints within Autolayout, it works but why?

The Title is wrapped with a Autolayout Frame, but the constraints remains editable U can see the Parent bar is autolayout as well, it’s werid

3626
H
1 year ago
L
Lizzy2
asked in Ask the Community
Prototyping Help!

Hello, I am a Uni student trying to use Figma for an assignment, and I am struggling with prototyping an interactive “like” button into my frame. The button itself is a flow frame, but whenever I try inserting it into my iPhone frame, the flow is deleted and the entire flow becomes visible in present. I just need the button to work on the screen, and I have no idea how to do it. Plz help 😦

1851
tank666
1 year ago
MIkhail_Novikov1
MIkhail_Novikov1
asked in Ask the Community
Bug: Crash in Chrome/Ubuntu

Chrome/Ubuntu - all files anywhere. Figma, Figma Jam etc. Any mode (dev or not dev), any control (inspect, comments etc). I did clear cookies, try incognito, etc. Authenticated user or guest in the view mode - same issue. Screenshots are here: https://www.dropbox.com/scl/fo/gvaxc1a8qrlt8fuo15wdq/h?rlkey=q8es91iiyhotjgqdk43uejffm&dl=0

5711
tank666
1 year ago
Terms & ConditionsCookie settings