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
16 views

How to setup variables for fake user profiles in Figma

I have a fairly content heavy prototype and I’m using variables for fake data but I feel like im using it in a way that is probably not the best way? For example, I have a collection called “Fake Data”...
Oscar Godson's user avatar
1 vote
1 answer
33 views

Can we add a gradient color style in Figma's variable?

Is there any way that we can save our color gradients in Figma's variables? one way I know is to save the color as Style. But I want to implement the same using the variables property. Please see ...
Sumit Yadav's user avatar
0 votes
0 answers
31 views

Figma-like auto text resize option in Adobe products Photoshop, Illustrator etc

Is there a function, to automatically resize text box to the test itself like Figma has? when I click two times on this little icon on the bottom of the textbox, it somehow resizes it, but leaves ...
rocendroll's user avatar
0 votes
0 answers
47 views

How can I create a wipe transition effect in Figma like in the link?

Wipe effect animation sample My Animation in Figma Moving mask is the solution. I need it for Lottie animation. I also used opacity for the slider like in the sample. I made that as an interactive ...
Waqas Shah 's user avatar
1 vote
1 answer
29 views

Make auto layout expand to left when contents grow?

I have an auto layout that I'm trying to "fix" to the right. So when the items within the layout become wider and make the auto layout itself wider, I want it to expand to the left not to ...
Evanss's user avatar
  • 649
0 votes
0 answers
38 views

Why are different colour contrast analysers providing different results for WCAG contrast?

My designer colleague just brought to my attention that he has different results for contrast from different tools. How is that possible? He did the comparison for a ~Portage color #9E83F5 with white ...
Andy's user avatar
  • 126
0 votes
1 answer
85 views

Getting some filled partial overlay inside svg icon when expected to be transparent

I am getting a partially filled section when exporting svg icon from figma to react-native app. In figma In the app As you can see the pictures icon displays as expected. But the camera icon has ...
Arpad Asztalos's user avatar
1 vote
1 answer
21 views

Moving elements in an auto layout instance - Figma

Hi I'm fairly new to figma. Learning tutorials. Just wondering I've created a component with text and made that into an auto layout so that I am able to switch around text/add if needed. I then made ...
Birdlady9604's user avatar
0 votes
0 answers
43 views

Figma Editing Pain for Carbon Design System

I am attempting to leverage the Carbon Design System by IBM in my Figma designs. I cannot seem to affect the colors in any way other than detaching them which ruins the whole structure of the file ...
UX_Km's user avatar
  • 1
0 votes
0 answers
58 views

How do you add N-number of anchor points to a shape in Figma?

Similar to how Adobe Illustrator has the ability to programmatically add N-number of anchor points to a shape or line without having to use the Pen tool to manually place each one, does Figma have a ...
Andy Merskin's user avatar
1 vote
1 answer
151 views

How to cut path segments to fit the mask exactly [FIGMA]?

I've got a path under a circular mask. It has a colour fill. When I try to simply remove the parts of the path outside the mask, the path is no longer closed, and I lose the fill. How to cut the path ...
Malvinka's user avatar
  • 113
0 votes
1 answer
458 views

FIGMA - How to delete sections/elements of a component?

In Figma. As seen in the pic: How do I delete the highlighted Section from the Component? When I press Delete or Backspace the element hides, and there is no contextual menu option to delete, or even ...
TheArchitecta's user avatar
0 votes
0 answers
130 views

How to find colours on all pages of a Figma design

I have a Figma design... time to turn it into code. The first thing I'll do is break sections up into components and I'll use SCSS/SASS/CSS to create colour variables. Accordingly it would be helpful ...
Eoin's user avatar
  • 365
0 votes
1 answer
249 views

Using angle of line as shape rotation degree in Figma

I want to match the rotation degree of the grey box to the angle of the black shape so it's neatly aligned. Both are vectors, but the black part is part of an (flattened) icon. How do I achieve this ...
Gerlof Leuhof's user avatar
0 votes
0 answers
25 views

Figma: How do you most efficiently create master component in-context and then move it to a separate frame/page

I believe it is a known best practice when working on small Figma files to have all Master components on a separate page or frame. There are a number of benefits to this, which I won't go into here, ...
Tom Auger's user avatar
  • 362
0 votes
1 answer
114 views

Figma: how to make auto layout frame contain a stroke's width

I'm trying to use an auto layout frame to contain a hamburger menu. The lines of the hamburger menu should be entirely contained within the auto layout frame. I applied the following settings to the ...
Mike Eng's user avatar
  • 215
0 votes
1 answer
166 views

Draw marquee to select multiple elements in Figma when editing component

I'm frustrated by the fact that attempting to draw a marquee around objects while editing a component exits component editing mode, and thus you end up selecting the whole component, not the child ...
Tom Auger's user avatar
  • 362
0 votes
3 answers
475 views

figma union selection

I'm trying to joint all the rectangles that I use to create this so I use the union selection but I have this Is there a way to union all these rectangles but with keeping there color ?
sonia maklouf's user avatar
0 votes
1 answer
197 views

adding a code snippet to a design in figma

I'm creating a design using Figma (not FigJam) and I want to add a code snippet in C#. However, all the plugins I've seen don't support this language. How can I add a code snippet in C# to my Figma ...
talopl's user avatar
  • 101
0 votes
2 answers
126 views

Reverse Order of Text Elements in Figma

I’m wondering if it’s possible to reverse the order of text elements in Figma. I.e. what if I wanted to have the largest ‘Typography’ text to appear on top and the smallest ‘Typography’ text to appear ...
HappyHands31's user avatar
1 vote
1 answer
392 views

Is there is repeat Action functionality in Figma?

Is there is repeat action functionality in Figma? Like for instance in Adobe Illustrator we can make repeat commands, for reference I am talking about this: https://www.youtube.com/watch?v=hwhWNtuaRYA ...
Haziq's user avatar
  • 15
0 votes
0 answers
127 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 ...
Zeth's user avatar
  • 101
1 vote
1 answer
1k 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 ...
fweth's user avatar
  • 291
1 vote
2 answers
767 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?
samuelnihoul's user avatar
0 votes
1 answer
202 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.
samuelnihoul's user avatar
2 votes
3 answers
319 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 ...
Bluebug's user avatar
  • 679
0 votes
2 answers
115 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?
user5507535's user avatar
1 vote
2 answers
2k 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.
samuelnihoul's user avatar
0 votes
1 answer
88 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 ...
Sophie Liu's user avatar
0 votes
1 answer
274 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 ...
Brent's user avatar
  • 101
1 vote
1 answer
59 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 ...
Gerlof Leuhof's user avatar
0 votes
1 answer
153 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 ...
tv18766's user avatar
  • 15
1 vote
1 answer
47 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 ...
Lidia's user avatar
  • 11
2 votes
1 answer
1k 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 ...
Lidia's user avatar
  • 21
1 vote
1 answer
1k 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 ...
localhost's user avatar
  • 317
1 vote
2 answers
267 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 ...
Filo Essam's user avatar
1 vote
0 answers
179 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,...
user3178479's user avatar
1 vote
1 answer
266 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 ...
cluelessdev's user avatar
1 vote
1 answer
56 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 ...
Simon Suh's user avatar
  • 157
2 votes
1 answer
239 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:...
Jawad's user avatar
  • 46
1 vote
1 answer
5k 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 ...
Sumit Yadav's user avatar
1 vote
1 answer
3k 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 ...
Leon D's user avatar
  • 143
3 votes
2 answers
9k 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. ...
Leon D's user avatar
  • 143
1 vote
1 answer
6k 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 ...
Foobar's user avatar
  • 113
0 votes
1 answer
223 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 ...
nana480624's user avatar
2 votes
1 answer
261 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 ...
sillyslozzy's user avatar
0 votes
1 answer
144 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 ...
Evgeny Makarov's user avatar
0 votes
1 answer
183 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 ...
TalinTheDev's user avatar
6 votes
2 answers
1k 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?
Serhii Zasenko's user avatar
1 vote
0 answers
23 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/...
Teafortwo Wyrman's user avatar