Ask the Community

Please i need help on how to design mid fidelity wireframe. i am a beginner. you can help me with video or instructional materials  

Hi, I’m trying to mask a frame with a vector shape (the shape of an iphone). I put the shape on top of my frame, then select both layers and click on mask icon on top nav. The result is the shape, becomes a fill on top of my frame, where I want the shape to be subtracted from my frame! I’m very frustrated and don’t know what to do. Please help.

When pasting text from design into a string variable, it seems that a color variable is being added unexpectedly. I don’t know what’s causing this.

Our SAML Azure certificate is about to expire. When I generate a new certificate, I am unable to update it in Figma through the settings. As a result, when I activate the new certificate and attempt to log in using SSO, I encounter an error indicating a mismatch between the certificate in the IdP and Figma.

So I have a huge library ok. And we have different software releases, some of them at the same time. Each release is also a library for the new releases. And today I realized that the rendering does not work properly. Sometimes the screens does not appear at all and show up only blank, in other cases parts of the screens like text in tables and stuff or complete elements are missing. So if you open up the instance on the left layer area than everything looks fine again (for that one screen). Like in this case here (Stuff is pixelated for safety reasons. The customer would see me in Jail if I post it here unpixelated). I open up the page with the screens I want to take a look at and the left screen is broken:  If I doubleclick on the left screen the layout comes back like: And now you guys, what could that problem be? Love and Peace,Jean-Marc

Hi!First I have to say that I’m so happy for the accessibility work done with FigJam. This is an important tool on my workplace, and it’s good for me that many important tasks can be done using Jaws.Setting stamps are possible. But is it possible to remove a stamp, e. g. after a discussion (or if you recognize that you’ve done something wrong)?/ Morten

I’ve been running into the same issue as this below: Local fonts completely neglected, all of sudden Ask the community I recently upgraded my figma desktop. It suddenly showed “missing fonts” window to every component i used any local font. I reboot, reinstalled all the figma desktop and local font files. This is happening in the Windows dekstop and my Macbook at the same time. I also changed the type of the font file(ttf, otf etc.) but it didn’t change anything. [image] Does anyone have similar issue? Other teammates are also suffering the same… On Mac( Apple Silicon OS 14.4 ) w/ Figma 116.17.11 I tried every solution that mentioned in the topic above. All other apps like Adobe recognize the fonts the same as before. also I have not changed anything like machine settings or so. One thing that changed recently is just the Figma update. It’s been blocking my work and making me insane! does anyone have a solution?

Occasionally I’ll see this cloud icon at top right, warning me that my file isn’t saving. What’s interesting is that I always have several files open, and while sometimes more than one file will show this icon it’s never every file. It’s not the whole app, it’s just file to file. Some files are saving, some aren’t, and I can’t figure out what to do about it. Obviously it’s disconcerting to work on something that I know isn’t saving - what can I do about it? -I’m marking this as solved because people need to see Mike’s post, but “solved” is very much in quotes because the fix is a hack - it’s a workaround for a problem Figma hasn’t fixed yet.

I know that it isn’t really possible to navigate to a nested frame(s) but I really need a solution for this.What I want to do: Home page with a selection of projects  When a project is clicked, it navigates to a frame (ex. WORKS_ARCWAVE) inside top frame (ex. WORKS) but the whole frame (WORKS) remains scrollable so each project doesn’t have to be on a different page (frame)   This way the menu on home page is useless as it would always bring you to the top of WORKS page and I’m wondering if there is any way to make what I want possible. 

So, basically I am making an OTT app design, where the elements are supposed to move horizontally, but after putting them in auto layout, setting their frame to same as that of og frame, and doing everything, im getting this weird blank spaces on both sides, tried padding aswell. Please help, searched all over the net cant find the answer.Figma – 8 Apr 24

I am trying to horizontally scroll two frames inside a parent frame. While the scroll is working fine, there is an issue of extra white space occurring at the start and the end of the scroll. I am not able to get this issue fixed for some time now and seeking help for the same. Attached are the screenshots of the screen.

Basically I have a component which is always in the background of the design. When a toggle link is clicked I want to hide this in the prototype - and display it when the toggle clicked again. So basically the element shows/hides when another, separate element is clicked. I’ve setup a local boolean variable called “Grid Visible” which has the values true/false. I’ve then ensured the background component has this applied to it in the Layers panel by right clicking the eye icons and applying “Grid Visible” to it. If I go back to the Local Variables panels and click the “Value” so it slides between true/false the visibility of the component disappears and reappears - so that’s all working! But when I try to Prototype I can get the link (which is in a totally separate component) to work with “On Click” and then “Set Variable” or “Conditional”. This is what I currently have (below). In my head this is going On Click if the value = false, set it to false. If not, set it to true but nothing c

I have a TextNode that can include Rich Text. What would be the best approach to recognise style changes such as bold text, line breaks (These come as \n in the .characters property of the node), bullet points, etc.I’ve tried various methods, I managed to identify bold text using getStyledTextSegmentshttps://www.figma.com/plugin-docs/api/properties/TextNode-getstyledtextsegments/But I didn’t find a way to detect when the TextNode has bullet points.I basically need this because I’m converting the TextNode to HTML, so I need to be able to reliably identify every rich text property.Thanks in advance.

Please tell what will happen to the pages, if, having a Professional plan subscription, I create for example 30 pages inside one file. And will have only one file inside my only one project in the team. By canceling the subscription, will I be able to edit all 30 pages or not?Thanks to everyone who knows the answer and could share the info!

Hello there, I have downloaded an Avatar plug in and after using it , it sits on the bottom right side of my screen. it is animated and so my eye is constantly drawn to it. How do I get rid of it?

I have a prototype with two pages, each having a button to navigate to the other page. If I open the prototype on a laptop and press the button, it transitions to the second page. I want to know if it's possible to have this interaction also reflect in real-time on another device (e.g., a phone) that is viewing the same prototype simultaneously.Is there a way to achieve this in Figma natively, or are there plugins/tools that can enable real-time synchronization between devices for prototypes? Thank you

Q：I want the 「text 1」 adapt automatic in one component ，how can I set it？（The 「text 1」can not add max width, because the width of card「item」 is changing ） S：if figma can use function that the max with of「text 1」 is changing ，just like “max width=「title」-「tag」-gap(12)”， maybe can fix the problem

Ai features

I bought the professional license to use AI features, but I can’t see the AI button to help me with designer.

After the last update of the desktop version of movies for Windows, I cannot log in to the account in the application. When I launch the application, this window is displayed:   After clicking on the "Login with browser" button, this window appears:And nothing else happens. In other words, the authorization window does not open in the browser. I have already tried logging into the company in the browser and opening the project in the application from there, but it doesn't work and the application opens a window for me where it asks me to log in through the browser. How can this problem be solved?Browser: opera. Latest browser version

Hello everyone, I hope someone from Community Support can help me. Someone from Community Support has already helped me by sending me the expiration date of my education plan: 2025-02-08. Just checking if this means the 8th of February, 2025? I have a question regarding my education plan. Before it expires, I'd like to switch to a paid professional plan to retain all my projects and files. What's the best way to do this? Is it possible to convert my education plan into a paid professional plan? If so, can I change the associated school email (which I no longer have access to) to a personal one? Or would it be better to create a new account and assign my projects to that account? Thanks in advance for the help :)

Hey!Recently (Maybe last 6months) we have experienced Figma becoming more and more unstable/unreliable. We are using Branches on a daily basis for version handling and have had multiple errorsrecently, different documents & for different users.- Merge errors, not being able to merge, figma giving some generic error and then it usually solves it self eventually.- Documents not saving & with “forever” loading states stating its “saving” but it never manages to save, giving errors when you try to close figma documents. Usually you end up having to close and hope it saved anyway.- Unable to Publish Libraries, generic error with “retry option” but result is the same every time you “retry”, it keeps giving errors.- Libraries stating Variables have been removed when trying to publish, after restarting Figma the statement is no longer there and publishing library works as intended.Are others experiencing same issues? Is Figma becoming more convoluted with more functions and thus becomi

Hello. Do anyone know if I can, through the Figma Plugin API, know if a font is provided by google, a custom font or if it’s a system standard font? 

Hi!  I am new to being a system admin of Figma for Intuit.  We have at least 8 different engineering design team combos and many of our users don’t know what version they need so they will just request a paid design seat.  I want to change this and drive a process that requires more thought about what type of seat is being provisioned.    Thanks in advance for your help - it seems these concepts are intentionally vague unless you are in the product all day! Here it goes: I understand what Dev Mode is - for a front end dev being able to inspect the properties of a file for front end coding.  I also fully understand that Design in View Only mode gives access/comment to a file but not edit.   so……  what is view only Dev Mode?  Is it the same thing as view only design giving users the ability to view comment and edit the file but not view the properties as a developer inspecting the file?  My goal is to move the thought process as the prices are going up to where people are not just willy

We are working on a project where we need to flip icons horizontally using Figma APIs. Specifically, we want to change the orientation of icons from left-to-right to right-to-left for all nodes within a design file. Could you please guide us on how to achieve this using Figma APIs? If there are any specific methods or best practices for implementing this transformation, we would greatly appreciate your input. Thank you for your assistance, and we look forward to your guidance.