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
1 answer
7 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
14 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 ...
-1 votes
0 answers
15 views

What is the name of this components library please?

I had the chance to see some great UI libraries, for example, Materlia UI and Ant Design. Lately I see more and more websites with the following UI design (see the photo below), so I assume that there ...
0 votes
0 answers
13 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
22 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
11 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
33 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
27 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
54 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
197 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
0 answers
44 views

Is 1GB Graphics Card is enough for big Figma design

I have graphics card 256mb internal and not dedicated, I want to buy a dedicated 1GB Graphics Card is it good enough for a big Figma design. Like: This this design when I add image to it works very ...
  • 111
1 vote
0 answers
44 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
57 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
28 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
67 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
860 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
58 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
672 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 ...
  • 23
1 vote
2 answers
1k 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. ...
  • 23
0 votes
0 answers
30 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
1k 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
121 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
51 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
61 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
66 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
848 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
19 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
144 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
94 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
0 answers
22 views

Unknown icons are showing in Figma

I am working on a landing page website in Figma, and the problem I am facing is that there are 2 facebook icons are showing when I am previewing my design. Though I don't have any icons on my artboard....
0 votes
1 answer
621 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
57 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 ...
0 votes
0 answers
92 views

Any tool which would allow to export mui.com components JSX code from Figma, Sketch, Adobe XD?

Now designers design with mui design kit and ui dev does same job again with jsx. Looking for solution which would allow to automate this part. There are design kits for Figma, Sketch and Adobe XD: ...
1 vote
1 answer
530 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
83 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.
0 votes
0 answers
87 views

Navigate to nested frames in Figma

Assume this is my frame structure: #SlideA #SlideContainer1 #Slide1.1 #Slide1.2 #Slide1.n I cannot create navigation link from SlideA to Slide1.1 or any siblings of SlideContainer1. I am only ...
0 votes
0 answers
115 views

Different screen resolutions and Figma

I'm new to Figma and trying to prototype my own project and want to share the designs with my friends. They have different devices and my prototype needs to run fine on each one of them. I've ...
1 vote
1 answer
1k 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
595 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?
  • 167
1 vote
2 answers
362 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
1k 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
3 answers
156 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
651 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
47 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
207 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
963 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
184 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
1 vote
1 answer
256 views

Figma: increasing Frame size also increases size of icons on that frame?

I'm using Font Awesome vector icons in my designs. When I go to increase/transform the size of a frame the size of the icons also transform with it, but all other elements on the frame remain the same ...
-3 votes
1 answer
191 views

How can I design a background with a red wave like this in Figma? [closed]

I have created a similar screen but I also want to design a background with a red wave like this... Where should I start?
0 votes
0 answers
104 views

Figma's "Change To" not working well with elements using "Fix position when scrolling"

I've started using Figma's beta "Change to" feature and it's amazing but I just noticed that when using it on elements that have fixed positioning while scrolling, it's not working as ...