Questions tagged [figma]
Questions about Figma, a collaborative interface design / prototyping tool. Ask anything related to designing graphics and interfaces with Figma.
113
questions
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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:...
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 ...
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 ...
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.
...
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
...
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 ...
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
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 ...
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 ...
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?
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 ...
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