🎉 Welcome to the Figma Forum! 🚀
Recently active
Just wanted to share a fix to an issue I’ve been struggling with and couldn’t find the solution to on this forum. Issue: I have a 48px tall pill shaped button. I’ve set the corner radius to a high number like 9999. When hovering, the button gets a label so the button width naturally increases – but during the transition of eg. 300ms using Smart Animate, the button edges becomes pixelated. Solution: Simply set the the corner radius to 24. Hope it works for you too. Cheers.
I’m trying to use the restore version from the history feature. I was using it in the past, it was working. Now it’s not. Restoring the desired version, the file reloads, and the history shows a new entry “Restored version” but when clicking ESC to leave the history mode the file goes back to the pre-restore version. The “Restored version” shows the pre-restore version now 🤨 . I keep encountering bugs all the time lately. History, yesterday one prototype interaction wasn’t working and then miraculously started working after 6h (even though I refreshed proto X times, and approached the case X ways, in the end initial approach started working), 2 days ago a single frame just disappeared. Stop introducing changes, and start fixing bugs, they are getting out of control. Really.
Currently, in Figma, smart animate only works on opacity, color fill, stroke, position, width&height. The options at your disposal when making an interactive prototype are pretty limited. It would come in handy if Figma can expand the supported animatable properties to include: Radius, Effects (shadow spread), VectorNetwork, Polygon Ratio, Ellipse Sweep, Dash, etc.
Hi there! I’ve encountered an issue when running my mobile prototypes on an iPhone with the Figma App. Actions placed in the header area (around 44px from the top) will not react on click/tap events. I have run some tests (see the screenshot) The green squares react on the on click event and open the overlay. The red ones don’t. The third square reacts from the bottom half of it. Also tested it with bigger squares to make sure that the clickable area isn’t to small, but had the same result. The issue occured on: iPhone 13 Mini, iPhone 13 Pro Max, iPhone 15 Plus. However it worked on an iPhone SE (with the black bars on top and bottom). It also works as expected on a Samsung Galaxy A40. Thank you in advance! Michael
There is a bug in the copy link to selection function. When using the pop up menu and selecting “copy link to selection” it will copy the link to the exact thing that I’ve selected (yay!) The “copy link to selection” function also has a shortcut key, ⌘L (yay!) When using the ⌘L shortcut the link copied only points to the frame/section that the selected object is within, not the original selection. This means that the pop up menu option and the shortcut for that menu option will point to two different links (boo!)
Figma can create excellent interactive prototypes and smart animations, but why doesn’t it support exporting them into GIF or video formats?
“Rotate gradient” in local styles is not work
I cannot find my spacing mode in auto layout.
Hi there, the button is too big in my opinion for changing tabs. I’d love for it to be the same size as Google Chrome’s button. I’ve accidentally closed so many windows because of this.
Hello, I recently started a new Figma design with two new fonts, “Cinzel” and “Lemon Milk.” I downloaded both fonts, restarted Figma, and began designing the typography scale. At first, I was able to use both fonts with no problem, but then the next time I loaded Figma, the “Lemon Milk” font was “missing.” I could not replace the font, nor could I search for the font again in the Typography search dialog box. I’ve tried to restart Figma, clear the cache, reinstall the fonts, and restart my device. Nothing seems to be working. Any help would be greatly appreciated.
I’m getting a warning message appear on all of my components with interactions. I’m able to re-produce it by creating a basic text component with 2 variants and a hover state change. Can someone share any insight into why this is happening? Screenshot and message below. “The interaction will not be triggered as interactions on instances are triggered before inherited internal interactions”
Hi, when I use certain font (Helvetica Neue LT Std in my example) the text is not vertically centered and I can’t find any way of adjusting the ascender/descender values (like mentioned in this article: Fix Vertical Position Issue of Custom iOS Fonts | TO THE NEW Blog). How can I fix this in Figma? There are ways I can hack it, for instance changing the height of the text box and the text alignment but then I will sacrifice how other features work, e.g. Auto Layout. Thanks
👋 Figma has been a blessing in designing UIs for our Game made in Unity. We’re just having issues with exported images being rendered desaturated / washed out inside of the engine. Especially when they contain transparencies. Here’s what it looks like: Without going into much detail, the only possible fix I found in Unity is switchting to Gamma Color Space instead of the default Linear Color Space. For various reason, that’s not an option for our game. I tried exporting with Display P3 color space but didn’t notice any changes. Opening the file in Photoshop for example renders the image correctly. Do you know any settings I could try in Figma? Or maybe a plugin that can export the file correctly? Thanks!
We want to know what is the best way to convert our InVision files into Figma design including layers.
It seems that it is only possible to change the radius of a rectangle by using the handles in a newly drawn or pasted rectangular shape but it is not possible to adjust the radius of a frame. There are also no way in the right panel to enter a specific value. Use case: I am pasting a mobile design from a Figma Design file into Figma Slides and want to round the corner of the frame and that is not possible.
Hello, Figma community! I am working on a Figma plugin that needs to access the modes of both local and external library variable collections. However, I have encountered an issue where I am unable to access the modes of external libraries through the Figma Plugin API. Here is the code I am using: figma.on("selectionchange", async () => { console.log("Selection changed!"); const selectedNodes = figma.currentPage.selection; if (selectedNodes.length > 0) { // Accessing modes for local variable collections const localVariableCollections = figma.variables.getLocalVariableCollections(); localVariableCollections.forEach((collection) => { console.log("Local collection name:", collection.name); if (collection.modes) { collection.modes.forEach((mode) => { console.log("Mode:", mode.name); }); } }); // Accessing modes for external libraries const libraryCollections = await figma.teamLibrary.getAvailableLi
The chat function in Figma can be frustrating to use for a couple of reasons, the most glaring are: If I start typing in a chat bubble and need to go look at something in the file before I finish posting, there’s not way to exit out without hitting “send”. Suggested improvement allow a “draft” to save typed text, close the bubble, and reopen it When I hit “enter” to make a new paragraph, the message sends instead. Suggested improvement hitting “enter” breaks to a new line, hitting “tab-enter” will send message (or clicking “send” button) Thanks for reading!
Has anyone found a way to copy, transfer or move the new local variables to another file or collection? Just created around 400 color variables manually in the wrong file and would hate having to re-create them in the correct one 😅
Hello! I’m trying to: make the screen scrollable vertically; and make the iPhone status bar and “scroll to top” arrow fixed stay in place I’ve managed to make the screen scrollable vertically, however, I’m having a hard time making the iPhone status bar and “scroll to top” arrow to be fixed. The “fixed stay in place” is disabled on my end. Please help me. I’m getting frustrated and can’t wrap my head about this 😦
Page dividers or spacing? 🤔 Cause this hack to use a page to fake it is in 99% of all Figma files I’m in. Does anyone else experience this?
I would like to “protect” or “lock” specific pages within a file from receiving library updates - similarly to how I can hide components from being published, but applied on the receiving end. This would allow me to update all of the components in my file much quicker if only one or two pages were “protected”, rather than needing to go through each page individually and apply the updates. The types of protected pages would likely be from a demo or a prototype version that captures the evolution of the product’s design phase.
Hi! Let’s get straight to the point. I have an element in a design where an effect (e.g., box-shadow) is used, and the effect involves several variables: color, blur, spread… I’m trying to unbind the variable that sets the radius, as described in the documentation on this page: https://www.figma.com/plugin-docs/working-with-variables/#example-binding-a-variable-to-a-node-or-style const effectsCopy = clone(node.effects); effectsCopy[0] = figma.variables.setBoundVariableForEffect(effectsCopy[0], 'radius', null); node.effects = effectsCopy; However, I’m encountering an issue where not only the radius variable is unbound but all variables used for this effect are completely unbound. Is this a bug, or am I doing something wrong?
It would be really helpful to be able to use a variable to set a Type Style’s Letter Case (under the Type Settings meatball menu). It could be a String Variable, and the options would be “As entered”, “Uppercase”, “Lowercase”, “Title case”, and “Small caps”. I personally use modes to switch between different brands, and some brand styles require uppercase while others don’t allow it. This suggestion may be a small feature in the grand scheme, but I wonder if others would also find it useful.
Hi, I’m trying to embed a Figma prototype on my portfolio, but i would like to remove the footer/frame that surrounds the prototype. I know with embed kit 1 we could add “%26hide-ui%3D1” at the end of the src, but it doesn’t work for embed kit 2. I was wondering how to be able to hide that footer/frame.
Hi, I need help recovering my files, all my company files disappeared, no one deleted it, trash is empty. The project is in development phase, I need to get those files recovered ASAP. Can anyone help me, please?
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.
