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
0answers
12 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: ...
0
votes
0answers
30 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
1answer
48 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
0answers
8 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
0answers
18 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 ...
0
votes
1answer
32 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 ...
0
votes
1answer
33 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?
1
vote
2answers
62 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 ...
0
votes
0answers
35 views

Figma prototype too big

When doing a prototype play, even at 100% display size the displayed protype frame does not reflect the actual size of the frame, say the frame is 1366 x 1024 when played in prototype on a 1920 ...
0
votes
0answers
30 views

Standard Container Size For Mobile Canvas?

I am creating a mobile-friendly UI Design in Figma my selected frame size is 428 x 926 px (for I phone 13 pro max). In this I want a container to achieve a proper gird system, can you please tell me ...
1
vote
1answer
123 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
3answers
60 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?
0
votes
1answer
139 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
0answers
41 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
1answer
44 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 ...
0
votes
2answers
142 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 ...
0
votes
2answers
67 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
1answer
33 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 ...
-2
votes
1answer
158 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
0answers
39 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 ...
2
votes
0answers
20 views

From Figma to Zeplin: How to make icon importable?

I have mobile app design in .fig file. I opened it in Figma Imported it to Zeplin. However, icon image is not importable: What I am trying to achieve is to make image importable to Android Studio ...
1
vote
2answers
496 views

How to undo or ignore component changes in Figma when publishing asset library?

In making changes to some components, I edited the wrong button-component for a second. Figma is tracking the change, and wants to publish it to update the library it's in. I don't want it to update, ...
1
vote
2answers
128 views

How do I "swap" icons in a component to create more variants?

I've created a component with 2 variants: selected and unselected. I want to create a navigation bar for a mobile app that has different icons for each option - e.g. Home, Popular, Hottest, TV Shows (...
0
votes
1answer
47 views

FIGMA and Sketch is increasing the filesize of images??? WTF

I encountered a very interesting phenomenon. I hope someone here can explain it to me. When I am importing an image with 936 KB of file size and then immediately export that same image (without ...
0
votes
0answers
145 views

Smoothing edges in Figma

How do I make the edges of the shape completely smooth (straight) as opposed to what I have now after having converted a .png image into the vector shape.
1
vote
1answer
171 views

Keep icon color when swapping in Figma

If I replace an icon that's inside another component, the color of that icon also changes. What I want is being able to set one color for the component, and every icon I swap should take over that ...
2
votes
1answer
73 views

How do I get Figma to list things NOT backwards?

Thing are backwards. Stuff on top of page are is listed on the bottom. Things listed in horizontal frames are listed right(first) to left(last).
1
vote
1answer
1k views

Save an image in Figma

I (not a terribly creative type) have created an image in Figma from several geometric shapes. I would now like to save that image as a PNG. "Save local" gives me a .fig file with no options ...
5
votes
3answers
179 views

Prevent Figma auto-nesting

In Figma, when you drop an object on a frame, it automatically auto-nests. How do I prevent this? According to Figma on Twitter I have to hold the space bar. But after trying lots of times this doesn'...
1
vote
1answer
191 views

Position sticky in Figma

Is it possible to apply fixed positioning depending on the point where the scrollY is (on the vertical axis)? Just like you would with CSS with position sticky?
1
vote
0answers
35 views

What is the best way to create buttons in Figma?

I'm still learning Figma, and I'm having trouble to create inactive buttons (or other status, focus, hover etc) and swap when needed. Can someone help me? The tutorials I found on the internet were ...
0
votes
2answers
86 views

Vertical Endless Slider in Figma

I'm trying to make a vertical endless slider in Figma for an app and I run into a problem. The animation after the last slider is not transitioning smoothly. It keeps refreshing and clips. https://www....
0
votes
1answer
69 views

Can I disable selection for specific elements?

My frame contains an element filling the entire frame area (in the back). Every time I span a selection, that element is part of it, and I have to Shift+click to unselect it. Can I make it ...
0
votes
1answer
154 views

Wrong Figma scale on 4K monitor

I have a Win10 on 3840×2160 screen with 200% system scale. Working in Figma I have all the designs shown noticeably larger so I got original size at 90% zoom level. The same situation is in ...
1
vote
1answer
164 views

Adding white space between two elements - Figma

While working with figma I frequently needed to add white space between the two elements such that all elements below these two elements should also shift down. To explain better I have created a ...
0
votes
0answers
296 views

Broken SVG when importing to Figma

When dropping an SVG into a Figma canvas, the SVG object is broken, meaning it does not resemble the actual image. The SVG is exported from Adobe XD and is even tested with Microsoft Edge browser to ...
2
votes
1answer
792 views

Filling half a shape in figma

I am still pretty new to figma, so I am still learning. I have a shape (rectangle shape) that is all white. I am trying to "fill" half of the shape with a yellow color. Does anyone know how ...
2
votes
2answers
81 views

Figma: Which other files use a component?

In Figma, I'm cleaning up my files, and I'm interested in deleting a deprecated library. How can I find out which other files use a component or a library? For a given file, I know that I can view ...
1
vote
2answers
482 views

How to use a figma component in another file?

The Problem I am facing is, I just want to be able to reuse a library/component in other files, just a way to access components from a ui-kit or import them into a file. But it seems like I can't do ...
0
votes
1answer
695 views

Export a group in Figma to PNG at specific size?

I have a group in Figma that is 1200 x 1200 pixels. I need to export it as a PNG at the following sizes: 16x16, 32x32, 48x48, 128x128. Can I do this without having to resize the group? It's annoying ...
0
votes
0answers
36 views

Making the content of my text change based on the day

I am trying to make an app on Figma that contains a calendar. You can access the calendar by clicking on a rectangle on the home page... but on the same rectangle, I want to display the data that is ...
2
votes
0answers
46 views

How to set masks IDs in exported SVG?

Masks exported in SVG have a default ID of "mask0" <mask id="mask0" ...>. I tried changing the mask layer name, but it doesn't influence the ID in the exported SVG. How do I ...
1
vote
1answer
313 views

Calculating space/gap between elements in figma

I am new to Figma and I got a .jpg design file which I need to convert into HTML, but in order to do that, I need to know the space between each element. I went ahead and placed a space between the ...
3
votes
1answer
81 views

Layout grids for illustrations?

Is it possible to use any kind of layout grids when creating illustrations, and if so, what are their uses? Edit: A bit of clarification, my questions is towards drawing on a computer (not hand ...
-2
votes
2answers
304 views

Zoom without Ctrl

Zoom in and out without the need to hold down crtl key would make navigation much easier and faster. It is really a question why developers/UI/UX designers of many of design softwares do not pay ...
0
votes
1answer
1k views

Figma: using components from one file in another

I'm an iOS developer trying to learn graphic design, currently using the free version of Figma. I just started and so far it's been lots of fun. My problem is incorporating iOS system elements into my ...
2
votes
1answer
1k views

Figma: flattened vector exports as multiple paths

I flatten multiple vectors into one, so it appears in Figma as follows: However when I export it to SVG, this vector appears as multiple paths in SVG markup. Is the a way in Figma to make it a single ...
1
vote
2answers
1k views

How to change the stroke of a single edge in a shape?

Let me start by saying that I'm a complete ignorant when it comes to Figma, I'm trying to learn the basics in order to draw a couple of very elementary shapes for my research paper. Is it possible to ...
0
votes
1answer
2k views

How to achieve this Gradient (Done in Figma with layer Blur)

how can i achieve this Gradient? I know its done in Figma with multiple rectangles and a bunch of Layer Blur. I'm a noob with the Gradient Mesh Tool in Illustrator, so Figma would be easier for me. ...
5
votes
3answers
6k views

Hyperlink Image Figma

Is there a way to hyperlink and image or text in Figma to be clickable when exported as a PDF? Thanks in advance.