Suggest a Feature

Pretty simple ask: I want to move a page from one Figma to another. I don’t see a way to do it. Select All + Cut + Paste is not a good solution as I might have locked objects that don’t come with the copy and there might be properties set on the page (background color, etc.) that I might lose.

People have been complaining about this for years. I have to add ® and ™ to strings of text in my artboards. The superscript version of the character must be the same size as the rest of the text string, or it will not be vertically aligned properly with the rest of the text. The ®™ symbols are much too large, especially in headlines, but if you reduce the font size of that character, it drops down too low and is no longer in the superscript position. In Sketch or any other proper app, you can adjust the baseline of the specific character (baseline shift) so that you can re-align it properly. You can EASILY accomplish this in CSS and create specific styling for the “sup” tag which handles this in code. Why is it nearly impossible to replicate what is easy in any other app in Figma? I’ve seen people complaining about this since 2018, so I take that as an assumption that Figma will never fix this issue? The only way to get a properly aligned and size

Adding the ability to create basic charts in Figma Slides would be great. I rely heavily on displaying data in Google Slides to present to the team along with screenshots of our product. I would like to not use Google Slides anymore. Another great addition to add later would be to import a CSV with data or a Google Sheets integration to pull the data from Sheets.

I would love the ability to set a background color in the layer list. I’d like to be able to set this on an individual layer or group of layers. I often have trouble finding important groups of layers. I’ve resorted to using emojis which helps. But imagine that we could color the background color of the labe

As far as I can tell it’s not currently possible to add strokes between rows and columns in grid, which would be very helpful for data tables. If I had strokes to the content in the cells it either looks like this if the cells are set to hug content: And if I set the cells to fill the strokes align nicely, but the text is cut off:The best “hack” I’ve found so far is to add a row with a column span going the full width of the grid and insert a 1px line with a width set to fill. It works as a proper table in terms of responsiveness, but the downside is that you have these dummy rows, which can be a little annoying when reordering content. It would be a lot easier if I could jus

Hey wonderful people at Figma, I love the new variables, absolutely love love them! Here’s just an idea, but when adding a numerical value variable, I wish I could include only “Paddings” as the supported property. Right now when I want to save paddings I have to use “gap (auto-layout)”. While usually these properties are the same value and I can see the though behind not separating them, I do want to play around with them and would like them to be separate, especially when changing modes for device sizes. Additionally, I’m not gonna start a new thread and I’ve already upvoted the ones I’ve seen, but I would also really like if I could use prototype interactions to change between modes. Thanks and have a lovely day!

Currently, when using variables, in the settings you can’t select wether you want a value (for example, padding-sm) to apply to just the padding or the gap of an auto layout. Which means that when you want to select a gap variable, it shows all the padding values as well. Can we get a setting for this?

Hi Figma!I’m a developer working with a team creating a design system and React component library. Our designers use tokens for pretty much everything, and a key part of our workflow is exporting the tokens as CSS variables, which can then be used in our React component library.To do this, we use a community-created plugin called Variables2CSS. It’s fantastic that someone created this plugin (thank you to the author!), but it presents us with one main problem: we need to be in Design Mode in Figma for the export to work correctly. If we’re in developer mode when we use the plugin to export the tokens, some tokens go missing.This is a problem within my team, as we need to purchase a designer license for each developer who needs to export the tokens. As my employer will only pay for one designer license for this purpose I am stuck being the only developer in my team who is able to do this. It’s a hassle for me, and if I go on holiday, or I’m off sick, th

As I am navigating in design and editing a lot of things hovering each others, I would like to fix parent element in order to avoid selecting or editing then directly. Locking all hierarchy is a bit cumbersome and does not help me working with all those elements properly and efficiently.Is there an option I don’t know or maybe a plan to make figma design evolve in this way ?

I have a slide with an embeded prototype. The prototype is an interactive logo which is supposed to have a surprise interaction on hover. But the prototype loading totally ruins the effect. There would be several ways to fix this:Allow for preloading of prototypes on previous slides Allow for fading in of a prototype after it has loaded Allow for a mask to go over the top of the prototype which fades out after a certain amount of seconds. (Currently this is not possible because prototypes are forced to top layer.)Image shows the context:Logo is actually a prototype where letters swap on hover 

Hello, it would be nice to have the option to insert floating components inside text (like Emojis). Use case would be for signs or infos in complex dashboards. Its a hustle to do this now manually and also set kind of boundingboxes to sync different heighs of text and component. Regards

There should be a option to add like 2 strokes, like heres an example below:https://imgur.com/a/jjNJWNF

Why wouldn’t a variable’s “description” from the details panel not be included in the variables export JSON data?

Hi Figma developers! It turns out that exporting Figma fonts in JSON format provides the result that looks smth like this: "style": { "fontFamily": "Quattrocento Sans", "fontPostScriptName": "QuattrocentoSans-BoldItalic", "fontSize": 72, "fontWeight": 700, "italic": true, "letterSpacing": 0, "lineHeightPercent": 100, "lineHeightPx": 84.375, "lineHeightUnit": "INTRINSIC_%", "textAlignHorizontal": "CENTER", "textAlignVertical": "CENTER" }, for a page like this:

Figma has added percentages to text styles, which is fantastic. However, when the style is linked to a variable, the percentage is removed, and uses px units instead. I am trying to set up my design system using a scalable token system, and little features that don’t quite work are so frustrating. Please allow variables to support percentages! It will help us not need to use plugins like Token Studio. 

Description: The feature allows users to export local variables from Figma as a single file, making it easier to share design tokens and maintain consistency across projects. Current Format: Currently, local variables in Figma need to be copied individually or manually noted down, which can lead to errors and inconsistencies when transferring information between team members or projects. Proposed Enhancement: Implement an export option that allows users to select multiple local variables and save them as a single JSON or PDF file. This file can then be easily shared or imported into other projects or reviewed by developers. Benefits: Streamlines collaboration by ensuring all team members have access to the same variables. Reduces manual errors and saves time in the design handoff process. Enhances consistency across designs by providing a single source

Figma’s variables feature is a game-changer for design consistency, but what if we could take it a step further? Imagine a seamless connection between Figma variables and SCSS, enabling real-time updates across design and development environments. Here’s how this could work: Proposed Features: Export Figma Variables to SCSS: Designers can define variables (e.g., colors, typography, spacing) in Figma. These variables can be exported as an SCSS file with proper formatting. Example: scss $primary-color: #FF5733; $secondary-color: #C70039; Sync Updates from Figma to SCSS: Changes to variables in Figma automatically update a connected SCSS file. This enables design updates to reflect in development environments, at least in staging or development builds.

We want to use it to link design variables to the design tokens in our application. Our company runs on a Professional plan. There are only 10 users that need access, so we don’t have any need to go to an Organization or Enterprise. I saw the same question here, but it wasn’t answered and just pointed to the Plugin API which has an entirely different use case.

Hey! How can I transfer the AI generated Prototype in Figma Make to Figma Design and continue editing it manually there?

These are new and improved color formats that replace hex and rgb. They will soon become the standard in web browsers. They open up more colors than are currently possible. The Expanding Gamut of Color on the Web | CSS-Tricks - CSS-Tricks

Figma has stopped remembering the file sorting preference: It now always defaults to ‘Last Modified’ at the beginning of session, no matter what your choice was. Can we have it back?This is now default at the beginning of every sessionI am these days having to open this dropdown ‘Sort By’ → Alphabetical 30 times a day. Last modified does not work for us since it shows us whole new set of files every time because how many people work and edit files daily; Alphabetical works better for us since we use numerical naming and then every file is correctly displayed in the intended order of product importance (home, registration, features, etc)

How can I view Figma prototypes on my mobile, or is that currently only for web desktop?When I copy the share link and open in on my mobile, it opens up in a very small view and completely unusable on phone.

I was playing around with the idea of using variable modes to easily switch between using Latin script and, say Arabic, but where I think I’m let down is having to manually change the text left-right-center alignment. Thanks!

At the moment my interactions look like this: Is there a way to combine them all in one action, so “Set Variable 1 and Variable 2 and Variable 3 to false” ?

I like the prototype feature in designing products. In Figma Slides, I’d like to have the option to have a variety of starting points/journeys with shareable presentation links so that I can keep the content of my slides centralized yet tailor the journey per audience.