Ask the Community

Does anyone have a good CSS export pipeline for text styles (i.e. plugins, Figma document setup, custom code/scripts)? I’d like to use Figma to export some particular CSS for our web projects, but our designers have tried a number of plugins and the export always seems to leave something to be desired. The two things we’d like to be able to export - before anything else - is variables and text styles.Our variable export pipeline is now usable: we post-process Figma’s output to combine files from the format ‘Variables > Mode > Category.css’ into a single root CSS with a fair number of vars for colours, spacers, and a few other things.But when it comes to Text Styles:the color isn’t output the font weight is outright wrong (always weight 400, when the text style pane has a different weight defined in the ‘Variable’ subpane) uppercase/all-caps isn’t honoured (i.e. text-transform uppercase is not present in the export CSS)We have a setup where we export a number of text styles that b

Questions:How Can I Export All My Design Variables as a .JSON to my developer without a plugin in dev mode I do not see an export option? How Can I Export All My Design Variables as a .JSON to my developer with a plugin? Do you have a recommended plugin and steps? I tried Design Studio but did not understand how to easily export everything in the below screenshot. I would prefer to learn how to do it directly in Figma. Thoughts?Thank you SO much!  

Hello!i have been trying to log in figma but I can’t because the email I used was my uni one and its not desactivated. Could you please help me solve this?

Hi Figma community,I’m building a card-style button component for a web/mobile prototype with: Background fill (image) Icon + text stacked vertically above the background Hover state with background change and Smart Animate Problem:Unsure if my Default + Hover frames are structured correctly Hover animation on 'Delivery' catches the animation on 'Catering' Auto Layout keeps forcing itself on the outer frame Adjusting frame size breaks layout Hover animation doesn’t trigger correctly on ‘Carryout’ (this is broken with me trying to fix it) The Carryout icon component currently does not match the intended structureIntended structure for the other cards:Card Frame (background fill) └─ Content Frame      ├─ Icon      └─ TextI want to make sure all card-style components follow this structure so hover, animation, and resizing behave predictably when reused. I’ve probably have spend 30+ hours trying to figure this out, and I’ve realized I’ve hit a brick wall.  Here’s my live desktop doc wi

I’m very curious and bold in my approach, and I design with a developer mindset.I enjoy turning anything that can be dynamic in design into something truly dynamic.Along these lines, when working on left-to-right and right-to-left versions (which are essential for languages like Persian), I started wondering:why doesn’t alignment support variables?Is there such a feature in Figma already?If not, I honestly think it would be incredibly useful for a large part of the design community.Dear lovely Figma developers — please make it happen 🙌Thanks!

I can’t undo, I just deleted an entire slide I took a lot of time on...

ーーーHi @Celine_（support@sidteam.zendesk.com）I am a student at Suzuki. I have been emailing with the SheerID Support Team and received a message like the one below. Would it be possible for the Figma Support Team to resolve the issue using my ticket ID?ーーーHi 勇人,  Thank you for contacting SheerID regarding your verification request for Figma. I apologize for the delay in our response due to an unusually high volume of inquiries. I completely understand your unable to get verified for the offer you wanted to take advantage. Nothing to worry, I'll have this check for you and gladly assist you.  Looking at our records I can see an approve request with same name and under an email address [redacted] for the Figma offer. For this reason, even if you use a different email for verification requesting a new discount would not push through as your approved request is currently valid as we speak.  Please note that Figma has limit the number of times their customers can be approved for the said offe

I'm experiencing a problem with my published design system in Figma. Although the system file containing components and variables has been successfully published and linked to other files, the color variables aren't showing up correctly in the list or grid views. I've already tried re-publishing the file, re-linking the library, checking for naming conflicts, confirming styles are properly defined and published, and clearing the Figma cache. Despite these efforts, the issue persists, which undermines the purpose of a centralized design system. Has anyone encountered this before or found a reliable workaround?Thanks  

Hello,One of my colleagues creates mockups in Figma. She has a company email address (mail@company.com) and shared the file link with me.When I click the link, I request access. I receive an email confirming that my access request has been approved, and I can then navigate the mockup without any issue.However, sometimes, suddenly, I receive a red notification in Figma saying something like “You don’t have access to this file”, and I am forced to request access again.I don’t know which Figma subscription plan we are on (if any), so I’m wondering if this behavior could be related to plan or permission limitations.Thank you for your help,Best regards.

Hi guys, im moving to Türkiye next year i don't have a job offer yet. I'm 19 years old i have a highschool diploma and im good at languages and communication. What are the jobs that I can get?? Any recommendations let me know 

hey, after the latest update of the right menu, where it used to be device selecting to present prototype, I can't change the peresenting device to desktop, even if I'm trying to present 1920*1080 frame.

I’m using Figjam’s Website Flow Chart template and want to place different icons/shapes into the element/content boxes. I can’t easily find a way to do that, and don’t see any details in the instructions. How are these built? Can I make my own?I know how I can manually build my own, and just use grouping, but these elements are a bit more sophisticated than that. The icon seems to be an integral part of the shape, which makes them easier to work with. I just want to put in different icons as needed. 

I am trying to purchase three annual professional full licenses and need to submit our Tax Exempt certificate, where do I do that?

Hello, I am a K-12 Physical Education teacher in Ukraine.I submitted the High School domain request for the Figma Education Plan more than a week ago, but I haven’t received any updates yet. I understand that the verification process can take time, and that documents are usually requested directly by the Figma team.I just want to confirm that my application was received successfully and is still under review. Thank you for your time andsupport.

Hello,I am using the figma make to design the project with the help of AI.figma make has ability to link the git-hub to export the project to git-hub repository.also figma make has the console & code files acess.it is good that i can view and edit he files.but i am not able to restructre the directroies inside the code or using the console.if figma can offer the users to get either terminal on figma make appor able to move/delete files in code section will be improve the project development speed alternatively if the figma make extention for the vs code will be the best for users to develop AI based template/project geneartion soltuion.can you help me to know, is that possible?

Hi all,I’m trying out a multi-tenants’ Design System, where I have my Foundations file, Components file and then my final product/prototype file.Every time a new client comes, I duplicate the Foundations and product file, update the Variables (inside Foundations) with my client’s color and typography, publish the library and then swap it in the product file.I only keep 1 Components file as my source of truth.Everything was swapping nicely until I got to the Prototype, and all my buttons look great on a default state, but are still referencing the old library when hovered or triggered.I understand there’s no way to override local variables, and the issue here is that these instances are “phoning home” every time they are triggered.I’ve hit a wall and I’m looking for ideas or ways to solve this, to make this multi-tenant DS be feasible and scalable.Thank you!

My Figma Education Plan was renewed in September , and everything was working normally. However, today my plan suddenly changed to the Free plan even though the renewal date has not ended yet.i have contacted sheer id they said contact Figma so here I am.What do I do ?

Hi, My lecturer has tried and contacted Figma about this problem a few times now, but nothing has helped.I needed to re-verify my student account for my education plan, but no matter what kind of proof I supplied it kept getting denied.Can someone from Figma support contact me about this and help me out? Thanks

Hi everyone,I’m looking for advice on the best way to slim down a large Figma project and create a smaller, more focused design system.I have a Figma file that’s grown quite bloated over time. Ideally, I’d like to: Strip out a subset of master components Keep only the relevant text variables and styles Create a “mini” design system library containing just those components and variables/styles Publish that library Then copy/paste the layouts for the latest build into a fresh Figma file and relink them to this new, lighter library My main questions: Is this actually possible to do cleanly in Figma? What’s the best or least painful workflow to achieve this without breaking too many links? Are there any gotchas with variables, styles, or component references when doing this? My current thinking is: Duplicate the existing Figma file Save one version as an archive In the duplicate, aggressively delete everything except the components, variables, and styles needed for the curr

I want to downgrade from education to starter plan. I don’t see any options.

I work at NSFW Coders, and currently, I’m developing a Candy AI Clone API that focuses on enhancing image generation features through adaptive AI models. The main objective is to combine conversational understanding with text-to-image generation to create a more natural and personalized experience.During the process, I’ve been experimenting with different diffusion models and prompt optimization techniques to improve image accuracy and reduce response time. We’re also exploring how contextual dialogue history can influence image outputs for more human-like consistency.I’d like to hear from other developers working on similar AI systems — which frameworks or optimization tricks have helped you improve efficiency and realism in image generation?

Where is absolute position option is there in Figma in latest version? is the name changed as “ignore auto layout”?

Hi, my invoice is too much 2C71081F-0051

I want to prototype interactive chart components (hover states, filters, time ranges) for a statistics site. What are good practices in Figma for simulating interactivity like this without code?

I’m unable to publish changes to my library. I keep getting a message to reload the page to publish. After reloading, there’s a record that a component was indeed published; but there’s no updates available or any changes on the Figma files where I’m using this library. Any idea what I’m missing or is there an issue?