We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.
We use 3 different kinds of cookies. You can choose which cookies you want to accept. We need basic cookies to make this site work, therefore these are the minimum you can select. Learn more about our cookies.
🎉 Welcome to the Figma Forum! 🚀
Find solutions, get advice, help others.
I'm trying to prototype a simple Google Maps style interaction, where the map is scrollable in both directions, and the bottom sheet is draggable. Somehow that seems impossible to do? I've tried 2 main methods: Bottom sheet variants with drag interactions fixed at the top of the map, but the map under it is completely scrollable, so it doesn't read the drag at all. For some unexplainable reason, Figma doesn't treat the top layer as top, and allows everything under to scroll. I tried treating the bottom sheet as an overlay, but then everything else becomes unclickable, which also is unintended. Have been through community files and YT videos but either their content doesn't scroll in both directions or they use overlays, both of which don't solve my problem. Has anyone worked around this before? I want the map to scroll and the bottom sheet to be draggable. Thanks in advance! Here’s the file with method 1 (try using it on phone) Figma File
I am new to web development, i’d like boost my knowledge on Figma.efficently
I was logged into an old school email, and after graduating recently, the institution deleted that email address. I wasn’t able to edit the email for the account and now, I cannot sign back in. I’m really scared as this was 3 years worth of work 😭 and I would hate to lose it. I have created this temporary account to connect with support teams to get some help. Please let me know if there is anything that can be done!
Will there be a way for exporting all variables so that I can hand off to my developers? If this exists already, how to do it? The Figma Studio Plugin allows to download a JSON file with all the token definitions. I wonder if I could have the same for my devs. The feature Dev Mode allows you to see which variables have been implemented while selecting a component. However, developers in my team would like a full list of these variables definitions. Thank you so much for these new updates! Great work. I am fascinated with these new features. Love Love Love!
Good afternoon, everyone! I uploaded the video to the project after restarting the prototype, it loses a lot of quality and becomes pixelated. I've tried converting to WebM format and reducing the file size, but it still doesn't help. The frame size and the video are the same. 1920 x 1080 px
Hello, I was logged into an old school email, and after graduating recently, the institution deleted that email address. I wasn’t able to edit the email for the account and now, I cannot sign back in. I’m really scared as this was 3 years worth of work 😭 and I would hate to lose it. I have created this temporary account to connect with support teams to get some help. Please let me know if there is anything that can be done! Help! Thank you.
Can you “teach” the “AI” to automatically check the color of any text block put on something other than the default artboard? It would be amazing to have that specific tool built in instead of having 100 designers each choosing their own color contrast plugins, all of which are a pain in the butt to use.
Hi Figma Team, I’ve been developing a plugin for a year now, and suddenly my console started reporting a message that i’ve never seen before : [Plugin API] Validating property "skipInvisibleInstanceChildren" {rawValue: true} This seems to happen whenever i update a figma object, for example : setPluginData, or setting a node property Are you familiar with this message ? why did it appear ? The problem is that i’m now seeing millions of logs like this when running my tests, and it kills the performances + readability to a point where i can’t work anymore. Is there any way to reduce the log level in order to avoid getting spammed by this ?Or any work-around ? Thanks in advance if you have any insights.
I’ve run into a bug where click interactions on button instances don’t work within a parent component if they’re not included in the parent’s initial state. Basically I have a simple drop down with collapsed and expanded states. In the default state it’s just the title bar and in the expanded state it has a list of options and a button. Instances of this component are then stacked into a master component which has different states showing list 1, 2 or 3 etc. expanded whilst the others are collapsed. The click interactions are set for each by changing them to their expanded state, setting the link and then setting them back to the desired collapsed state. These click interactions refuse to work when tried in the prototype. The only way I found around this was to include the buttons within the collapsed state also and then hide them by clipping them out of the frame - not ideal. Is there a fix for this? Thanks :)
I’m experiencing an issue with prototypes embedded into presentations in Figma. I created presentations to showcase design work to clients where I embedded Figma prototypes into a Figma presentation. Everything was fine. Today my client contacts me to say that they can only see a sliver of the prototype inside of the presentation. When I look at the setup of the presentation I can see that the prototype is correctly embedded and displays at the correct size, but when I play (present) the presentation only a sliver of the prototype is displayed - please see screenshots: This is quite an issue as currently as it’s happening to all of my presentations. What’s going on here?
Just updated my desktop app to and am getting runtime errors pretty consistently on plugins I’ve built that were previously running fine. Here’s the console error: jsvm-cpp.wasm.br:0x23113 Uncaught (in promise) RuntimeError: memory access out of bounds at jsvm-cpp.wasm.br:0x23113 at jsvm-cpp.wasm.br:0x3a412 at jsvm-cpp.wasm.br:0x26724 at jsvm-cpp.wasm.br:0x33106 at jsvm-cpp.wasm.br:0x2c352 at jsvm-cpp.wasm.br:0x2bab3 at jsvm-cpp.wasm.br:0x11f6 at jsvm-cpp.wasm.br:0x6188 at 2430-23a15bad9b36a906.min.js.br:797:87469 Once I start seeing this error, the plugin refuses to open until I restart the app. After it restarts, I can open the app a few times before the error starts back up again. The issue seems to be with loading fonts. If I remove all the font code, the plugin opens without complaint. Something has changed in the latest update that seems to be causing this issue. const setup = async () => { console.log('Loading the necessary fonts... '); await figma.loadFontAsync({ family: 'Sun L
Hey guys, I’m new to the advanced prototyping and I’m trying to do the following thing. I have a web page which has 5 cards and the “Next” button (initially disabled). I want to make the following flow: -User’s select a card (only one card can be selected at time) Button gets enabled User clicks next They are shown one of the 5 pages depending on their choice. Is this possible to do in Figma? Thanks!
APIs, guides, plugins, and more.
Find a virtual event that speaks to you.
Find answers, learn more.
Already have an account? Login
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.
Sorry, we're still checking this file's contents to make sure it's safe to download. Please try again in a few minutes.
Sorry, our virus scanner detected that this file isn't safe to download.