Ask the Community

"A few days ago, Figma First Draft was available my account , but now it is no longer visible.figma first draft isnt showing in design tools

Hi, I am trying to contact support via the official form but keep getting stuck in an automated loop. I need an agent to help change our Organization name manually. Currently, it shows our billing entity "世紀帝國資訊有限公司", but our actual organization name needs to be "國家資通安全研究院" (National Institute of Cyber Security). The admin email is (redacted by the moderator due to PII). Could a moderator please help escalate this and create a support ticket for me? Thank you!

When i import files, the viewport doesnt match with the source website/ screen display. Eg if i use the chrome extension on desktop, the imported frame doesnt match the width of the desktop. How do i import it in same size?

I started learning fgma a month ago, but only used it for a few days and then cancelled the subscription. I haven't used it since. Today, it suddenly deducted the fee and started the subscription again. Maybe I forgot to cancel it. However, since I haven't been using it recently, I have applied for a refund of the subscription fee. I will consider renewing the subscription if I need to use it again in the future. As the payment was just made recently, I quickly wrote this application. I hope the official will approve my refund request. Thank you.

Recently i made prototyping and its sooo glitchy like first i have many experience doing prototyping so it was not mistake form my side just incase i also converted the same component to animation using lotify and it actually works perfectly fine but wht is this in figma bruhhhh its just soooo laggy i like created new components and stuffs delted made again thought it was a svg problem so made whole thing to vector still glitchy.

Hello!I have a button set with icon placeholders. The icons reference components from the PrimeIcons community file. According to the instructions in that same file, I need to publish these icons as library components in my project, but the Publish button in the panel is disabled (greyed out).What could be the reason for this?

I'm researching food delivery app interfaces and noticed that many platforms focus heavily on adding features, while users seem to care more about speed, simplicity, and convenience.For designers and product teams who have worked on food delivery platforms:What are the most important UI/UX principles when you build an app like Swiggy? Which design patterns improve order completion rates the most? If you were to create an app like Swiggy today, what would you do differently from existing apps? What are the most common UX mistakes made during Swiggy app development? How can a food delivery startup app create a memorable user experience without overwhelming users? Have you seen a Swiggy alternative app introduce a unique interface or workflow that genuinely improved usability? When you design an app like Swiggy, which screens deserve the most user testing and iteration?I'm particularly interested in practical examples, wireframes, user flows, and design strategies that have proven effecti

I'm so sick of this！！！！！！！！！！！！！！！！！

First to use the Figma agent. Just started the conversation, then it says, “something went wrong”. And it keeps showing when trying to re-enter the request.Support ID: ca304826-2ce7-4077-a6a0-3db2f68e7174

Hi! Apparently I pressed some keyboard shortcut and the names of my frames became very small. They are like this in all files, nothing helps to bring everything back.Please help me fix this  

My Figma Make account seems to be monthly billing while at payment we selected annual billing.

I am not able to rotate gradients when I add the swatches from the Variables, however if they are not linked to the variables there’s no issue.

Curious how others approach mobile carousels in native apps, especially in regulated industries like healthcare.We're debating whether a carousel with promotional/discovery content should include visible Previous/Next arrows in addition to swipe and pagination, or whether swipe + "See all" is sufficient.Part of the discussion is driven by accessibility requirements, and our Accessibility PM comes primarily from a web accessibility background, which adds an interesting perspective.How would you approach this in a native mobile app? Would you include arrows, or rely on swipe + See all? Interested in both UX and accessibility viewpoints.

Hi! During the opening keynote at Schema 2025 (on October 28), the Figma team announced a new left navbar as part of the updated UI, mentioning it would start rolling out the following week.It’s been a few weeks since then, and I’ve already received an app update, but I still don’t see that new sidebar.Is the rollout still in progress, or is there something I need to do to enable it? Thanks!

Hi All,I've completed two UX projects and am currently working on my third. However, despite applying for roles, I'm not receiving many interview calls or job offers.I'd love feedback on:• Case study structure and storytelling• UX process and research presentation• Visual design and UI quality• Portfolio presentation• Areas that may be preventing recruiters from shortlisting meI'm looking for constructive criticism and suggestions on how I can improve as a designer.https://www.behance.net/vincyvarghese3Thank you for your time and feedback! 

When designing digital products in Figma, most of the focus naturally goes to usability, visual design, user flows, and prototyping. However, one area that often gets overlooked in early design stages is security thinking, especially how design decisions can impact system vulnerabilities later in development.As more designers work on SaaS platforms, dashboards, and apps that handle sensitive user data, a question arises:Should UX/UI designers consider security testing (like penetration testing) as part of the product design lifecycle?While penetration testing is usually handled by developers or security teams, many security issues actually originate from early design decisions, such as:Authentication and login flow design Password reset and account recovery flows User permission and role structures Data input and form handling design API-driven features and third-party integrations Exposure of sensitive information in UI states or error messagesIf these areas are not designed carefully

Hello,When I import images into a FigJam board, they don’t retain their original size.This is especially noticeable when importing multiple screenshots. They are not placed on the canvas at their original pixel dimensions, which makes it difficult to compare them accurately. Some images appear larger or smaller than others, even though I need them to keep their original size.I couldn’t find a setting or workflow that ensures images are imported at their original dimensions.Is there a way to import images into FigJam while preserving their original pixel size?

Hey there! This is the follow-up to my older reply about Figma vs browser font rendering. Can’t update that topic, but eager to share some new case. So I post this summary so that searching people could find them. CSS solutions in short:# Fixes optical sizing for variable fontsfont-optical-sizing: auto# Anti-aliasing and font-smoothing-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-smooth: never; Case: optical sizing mismatchVariable font in Figma vs static font in the browser Optical sizing disabled in CSSQuick check: if the Google Fonts specimen with "Optical Size" ON matches Figma but your site doesn't — suspect opsz before chasing anti-aliasing.Example case: Literata is a variable font with an opsz axis. Figma picks the right cut per size automatically. We loaded a static weight: 700 instance — opsz stayed on the text cut (~14), so large headings used the wrong glyph shapes. Smoothing can't fix that. Case: optical sizing mismatchFigma renderers uses font

Hi everyone,I have a design system library in a dedicated Figma file, while my product designs are spread across different files within the same project.Currently, all of my primitive variables (colors, numbers, and strings) are stored in a single "Primitive" collection. I now need to add sizing modes to support responsive design, but these modes are only relevant for sizing variables—not for colors.I'd like to move all color variables into a separate "Primitive Colors" collection. However, I'm concerned about breaking the existing connections to components, styles, semantic variables, and design files that consume the library.Is there a way to move color variables to a new collection while preserving their existing references and links? If not, what is the recommended migration process?I've searched the community forums but haven't found a clear answer.Any help or best practices would be greatly appreciated. Thanks!

If I change the icon in a button and then change the state of a button from default to hover, the icon color does NOT change. (works fine if you don’t change the icon)I’m using stroke icons, and the scope settings in the color variable is set up to handle stroke. Please let me know what I need to do to so the swapped icon will change color on override.Video:https://monosnap.com/file/RUUxOXXXdznZoemEG4Aow5wO4As8Vx

Custom Happy Meal Boxes are a perfect packaging solution for restaurants, fast food chains, and food businesses across the USA that want to attract kids and families. These boxes are designed to be both functional and visually appealing, helping brands create a fun dining experience. Made from high-quality cardboard, kraft, or eco-friendly materials, custom Happy Meal boxes are sturdy enough to hold burgers, fries, snacks, and small toys securely. With advanced printing options, businesses can add their logo, bright colors, cartoon themes, and promotional messages to enhance brand visibility. In the competitive USA food market, attractive packaging plays a key role in influencing customer decisions, and customized Happy Meal boxes help companies stand out. They are lightweight, easy to carry, and can be designed with handles for convenience. Many brands also prefer sustainable packaging, and these boxes can be produced using recyclable materials to meet eco-friendly standards. Whether

Hi everyone,I’m working on designing a system workflow for an industrial water treatment process and I’m trying to structure the decision logic for selecting appropriate pretreatment methods before reverse osmosis (RO).The system handles high-TDS industrial wastewater, and the pretreatment stage needs to ensure stable RO performance while minimizing maintenance and operational complexity.Current system contextThe incoming water typically includes:Suspended solids Moderate hardness (calcium and magnesium) High total dissolved solids (TDS)Available pretreatment options in the workflowMultimedia (sand) filtration Activated carbon filtration Chemical or ion-exchange softening Ultrafiltration (UF) membranesEach option affects downstream RO performance differently in terms of fouling risk, scaling potential, and system reliability.ProblemI am trying to define a clear decision structure (as part of the system design workflow) for selecting the appropriate pretreatment method based on incoming

Hi, I’m really new in using figma. Usually our company are using adobe XD, then we plan to change to figma. Both of us don’t expose too much with figma, especially frame and rectangle. What is the different between them? Is using frame for everything such as button, card, etc is following the industry standard? Is that so, it’ll be the frame on the frame right, since it’s different from XD that use artboards is specific for the website layout.  Also, anything do I need to know else about figma?

Hi,I have a rectangle with:Fill 1: Image (cropped/repositioned) Fill 2: Gradient overlayIn Dev Mode, developers can download the original image asset, but is there a way to download the cropped image only (using the image fill crop settings) without the gradient applied?Or is separating the image and gradient into different layers still the only option?Thanks!

I frequently encounter conflicts like this when merging branches. Anyone know where they come from? There is no useful info here to figure out what it is.For context, this is a branch in the Components file. I guess the cause from changes in the Foundation file that are linked to Components, but I'm not sure.