Questions tagged [figma]

Questions about Figma, a collaborative interface design / prototyping tool. Ask anything related to designing graphics and interfaces with Figma.

Filter by
Sorted by
Tagged with
0 votes
0 answers
23 views

In Figma, how do you make it stop changing the zoom level when you click a comment?

I'm working on a big project, that has a huge artboard. There are a million comments. When I click a comment, then it zooms all the way out, so I can see the entire artboard (6% zoom). Which means ...
  • 101
0 votes
1 answer
40 views

Rotating Gradient In Figma By 90 Degrees So It Runs Exactly From 0 % to 100 %

How can I rotate a gradient in Figma exactly around 90 degs, running from 0 % to 100 %? This is how the gradient initially looks like, running exactly from the top of the group to the bottom: Now ...
  • 281
0 votes
2 answers
68 views

Why can't I select objects in Figma?

Many times it appears impossible to select an object by clicking on it in the main screen, even though it is not locked. What can cause the issue?
0 votes
1 answer
31 views

Why does Figma automatically flatten my text?

Figma keeps flattening all my text boxes! I have no idea why, I do not do anything with these text boxes except moving them around.
2 votes
2 answers
69 views

UI Design: I can't understand the concept of design tokens

I have created a few design systems in Figma for different companies. Some are simple, and some are complex. But till now I can't understand the concept of design tokens. Every article or video I ...
  • 629
0 votes
2 answers
56 views

How do I pan in Figma presentation mode?

In Figma presentation mode, with 100% zoom one can't see the whole screen, but I can't also find out how to pan. I'm on Mac, how do I pan to see the rest of the screen?
1 vote
2 answers
128 views

How can I define a size relative to its parents in Figma?

I have found the following post but I don't understand the answer, maybe because I am a noob at Figma.
0 votes
1 answer
36 views

Is there a figma plugin which allows for live updates to component attributes (eg. height) from a database?

I've created a figma prototype which includes bar charts. I'm looking for a way to update the heights of the bars in real time based on data that I generate. So far, I've been able to find plugins ...
0 votes
1 answer
31 views

In Figma, how do I export PNGs all with the same dimensions?

I'm trying to export 3 differently-sized images as PNGs in Figma. I'd like each image to be contained in the same sized box when exported. Some things I've tried: Adding a transparent rectangle with ...
  • 101
0 votes
0 answers
63 views

Figma | How to put one element into another

How to put one element into another in figma? Just like you would in AdIllustrator/AfDesigner/..., so that the 'parent'/'outer element' is like a mask to the 'child'/'inner element'. You could call it ...
0 votes
0 answers
21 views

Duplicate a .fig file and all of it's master components and libraries. Edit components without affecting original files

How do I: Duplicate the Mobile App .fig file and all of it’s master components and libraries so that when I refresh/update the duplicated components and libraries it doesn’t affect the source / ...
0 votes
0 answers
31 views

Order frames in a grid in Figma

I have about 3000 frames with icons currently on my Figma page. It looks like this: I want to have them ordered in a grid. So instead of this: X X X X I want it to become this: X X X X Auto-layout ...
0 votes
0 answers
14 views

In Figma, how would you animate a progress bar that gets filled each time something is checked off?

I am trying to animate a progress bar in Figma above a checklist that gets filled up more every time something is checked off. The issue is I do not know how to do it because they are separate ...
0 votes
1 answer
47 views

What is the squiggly N shape icon in my text design element and how do I interact with it

I'm quite new to Figma and just learning how to use it. I've copied a template and I'm messing around with it a bit to learn what different elements do. I'm confused as to what this squiggly N shaped ...
1 vote
1 answer
31 views

Figma numeric stepper 1-999

I have to create a numeric stepper component that goes from 1-999. I need to also add the function to choose the step size f.e 5 - when I click on “+” it will go like 5, 10, 15 etc Any idea where to ...
  • 11
2 votes
1 answer
188 views

Figma flatten doesn't show my vector shape

So I tried to combine several vectors of an illustration component and when I flatten them, it doesn't really work. I tried to union them first and then flatten and still doesn't work. Is there maybe ...
  • 21
1 vote
1 answer
430 views

How to extract full icon from figma file

I have got the following icons in the Figma file and I want to extract them as a whole as SVG, but when I click or control-click the border as well as the play icon, and choose copy as SVG, I only get ...
  • 317
1 vote
1 answer
97 views

Is a 1 GB graphics card is enough for big Figma design?

I have a graphics card with 256 MB internal and not dedicated. I want to buy a dedicated 1 GB graphics card. Is it good enough for a big Figma design? Like: This. This design, when I add an image to ...
  • 113
1 vote
0 answers
65 views

From css (scss) to Figma

How, I can import css or scss style in to Figma? I use figma plagin fromCSS. But it doesn't work for linear or radial grdient like this: background: radial-gradient(circle at 75% 30%, #fff 10%, rgba(0,...
1 vote
1 answer
116 views

Shadows in Lottie Animation

I created an animation in the following way: sketched some basic shapes in Figma, animated it using Jitter, exported the animation json and importing it to Lottie then downloading the Gif. I wanted to ...
1 vote
1 answer
33 views

How do I change the background color just for the footer in Figma?

I would like the footer's background color to be a different color than the rest of the website. Is there a proper way of doing this or do I just create a rectangle element, stretch it out onto the ...
  • 157
2 votes
1 answer
106 views

Figma pixels differs from Photoshop pixels?

I have designed a landing page for a website for one of my client. I designed it in Figma(Online UI design tool) and have exported the whole artboard with 1x resolution with the size (W:1400px, H:...
  • 46
1 vote
1 answer
2k views

How can I add bullet points in xd?

I am trying to add bullet points in my design using Adobe XD but this function not available in xd, Although I know some of trick to do it By clicking ALT + 0149 Copying and pasting text already ...
0 votes
0 answers
85 views

Artboard Gap Size Panoramic Images App Store

I'm designing Panoramic App Store preview screenshots with Sketch. I would want to know the gap between two Artboards for iPhone 6.5", iPhone 5.5", iPad Pro (3rd Gen) 12.9" and iPad Pro ...
  • 101
1 vote
1 answer
1k views

Flatten a mask group in Figma

So I have made myself some striped bars for a histogram by creating the desired stripes and applying the bars as a mask to it like described here, which looks like this: Now I would like to add an ...
  • 133
2 votes
2 answers
2k views

Fill an object in Figma with a stripe pattern

I want to apply some stripe pattern like this to an object in Figma: So far I found this plugin, but it does only allow to create a rectangle that has a linear gradient with many alternating colors. ...
  • 133
0 votes
0 answers
49 views

How to import tailwind margins / font sizes into Figma?

I'm trying to make my Figma designs easily translatable to Tailwind CSS. Currently, I can import the Tailwind CSS colors with: https://www.figma.com/community/plugin/738806869514947558/Tailwind-CSS ...
  • 113
1 vote
1 answer
2k views

How to delete frame without deleting children in Figma?

This is a pretty simple question, but how do I delete a frame without deleting all its contents in Figma? Is this possible and/or advisable? I know I can drag all the contents out of the frame, but ...
  • 113
0 votes
1 answer
159 views

Photo currently in Figma file - how to use it for print / Illustrator?

I'm looking to print a photo as part of Illustrator Artwork I'm creating - the photo is currently in a Figma file, though, and I see that I cannot export it in TIFF format. What would be the best way ...
2 votes
1 answer
77 views

How can you create a stroke that covers half of the shape?

Im somewhat new to figma so forgive me if this is a basic question. What is the best way to create a partial outline? For example, I initially duplicated the rectangle and made it a bit bigger, but ...
0 votes
1 answer
84 views

Is there a tool that can mimic MS Paint Selection + Shift + Arrow?

I know this sounds silly, but this one of the reasons I prefer to work on Windows – one feature in MS Paint... When you select something in MS Paint, you can move that selection with arrow keys. If ...
0 votes
1 answer
87 views

Recreate transparent icon in Figma

I am trying to recreate the below icon in Figma. I have the background color (#F3764A) but since each Dimond is transparent, I cannot get the actual hex color or the opacity which make recreating it ...
6 votes
2 answers
903 views

Open source alternative for figma

I've been using figma a lot on work but now interested for Open Source alternative. Is there anything like that?
1 vote
0 answers
20 views

Figma plugin for Bootstrap's "mix" function for tints &shades

Is there a Figma plugin for generating tints & shades of a color that would be the same as the ones produced by Bootstrap's "mix" function (as shown here — https://codepen.io/emdeoh/pen/...
0 votes
1 answer
221 views

Are text variables and associated automation possible in Figma?

I've been using Figma for everything design-related. Is there an automated way for generating certificates that get names from an (MS Excel) database?
  • 1
1 vote
1 answer
117 views

How to create complex gradients in Figma?

I would like to use this CSS pattern in my Figma project but I stuck. So far, I have not found a description for implementing such a complex pattern. Is this even possible in Figma? Or is it just ...
  • 113
0 votes
1 answer
810 views

Figma PDF export order

When I use the Export frames to PDF, I cannot find the way to order the frames as wanted. They seem to be exported in the order they were created. Any idea on how to change that?
1 vote
1 answer
66 views

How to make letters linked within each other in a SVG

I am making a logo for an web application using Figma. What I got so far is: I managed to show the D linked into the P by coloring in one of the intersects of the two letters. But is there a better ...
1 vote
1 answer
781 views

How to snap to sibling element in Figma?

In the case where you have two sibling elements, how do you snap the edges of one with the edges of the other? Is there some kind of "magnet" mode which you can enable to achieve this ...
0 votes
1 answer
84 views

How to achieve soft elevated look for icons?

I am trying to figure out a way to achieve the same soft bubbly effect on icons as seen in this design. Looking for resources to achieve the same using Figma, XD or Sketch.
1 vote
1 answer
2k views

Figma - Gradient over multiple elements

How can I make a gradient over multiple element in Figma? As much as I know you can only make a gradient over one element or let's say select multiple but then the gradient doesn't go over all, it ...
  • 13
0 votes
1 answer
735 views

Why is Figma not exporting all my pages?

I have two pages in my Figma project. I then hit the menu > File > Export Pages as PDF. The resulting PDF only has a single page added to it, and the other is missing. What gives?
  • 177
1 vote
2 answers
461 views

How to check distance of two objects in Adobe Illustrator? [duplicate]

Hello I am very new to Adobe Illustrator, and I want to check how much distance or gap I am giving between objects, can anyone please tell me how to do that ?? One way I know is to use the measure ...
2 votes
1 answer
2k views

Offset Path In Figma?

I am trying to use the Offset Path in Figma. Same as we do in Adobe Illustrator, but I am not sure if we can use it in Figma or not. Please tell me if yes then how we can use the Offset Path in Figma. ...
0 votes
4 answers
198 views

What should be standard size of QR code on business card so that it can get scan easily?

What should be the standard size of QR codes on business cards so that they can get scan easily?
1 vote
2 answers
775 views

Figma Emailify Plugin, How to Add a Hyperlink to an Image? Can't add 0% Opacity text layer for some reason

I am using the Emailify Plugin for Figma and noticed that I cannot add a Link to images/ icons. I want to add a clickable URL to each of the social media icons. There is another question from a year ...
0 votes
0 answers
49 views

Mobile app design size

Mobile app design size What size is more appropriate and common for mobile application design in XD Figma software?
0 votes
1 answer
285 views

In Figma how do I match the radius of a round square to that of a circle?

In Figma how do I match the radius of a round square to that of a circle? I am finding this very difficult to achieve, google brings up nothing unless I am searching the wrong keywords? Is there a ...
1 vote
2 answers
1k views

Display distance between objects in illustrator using smart guides

How can I check the distance between two objects in px like in Figma or Adobe XD? I googled a bit but did not find any way to do this. This is what I want to achieve. In Figma. As you can see, it ...
  • 11
0 votes
2 answers
213 views

How to make a cozy-soft border radius

I was on Dribbble and saw this shot. They made this seemingly normal-looking border-radius yet it looks different. How would you achieve this in Figma or AdobeXD? Shot link