Questions tagged [figma]

Figma is a collaborative interface design / prototyping tool. Programming questions about Figma can be asked here. Questions about the design of, or designing, graphics and interfaces are off-topic on Stack Overflow.

355 questions
2
votes
1 answer

How to create a date picker scroll wheel in JS/HTML/CSS for a webapp?

My Goal I'm trying to achieve this scroll wheel/drumroll/ios date picker style element. It will be placed at the top and will switch the whole page, loading content from a given day. The page itself is scrollable, however I would also like the date…
Torrin worx
  • 164
  • 7
2
votes
0 answers

I can't paste copied PNG file to VSCode

I used to work with WebStorm IDE but later I converted to VSCode. My problem is that I can't paste an image (PNG file) from Figma desktop that I have copied. I've checked and it works in WebStorm IDE but I don't have right path to solve this problem…
Yokub
  • 86
  • 3
2
votes
1 answer

How to get this type of animation on figma?

https://code-apj-noida.github.io/home/ I want this type of random lines moving and disappearing in my figma prototype of a website, is it possible to get this?
2
votes
1 answer

All my figma work turn into a black outline

i do not know how i accidently combined some keys and my colourful work turned into a black outline. I mean everything. I have clicked the undo button but nothing seems to work. Here is my screenshot below Am so sad.
user8964866
  • 61
  • 1
  • 7
2
votes
1 answer

Why are there breakpoints inconsistencies between Material Design 3 & MUI?

I'm working on a side project as a UX / UI Designer (first time), and I want to optimize my work for the hand off to the developers. I'm trying to understand the differences between the CSS breakpoints in the Material UI documentation and the ones…
2
votes
1 answer

How to create Angular gradient in Jetpack compose?

I want to create an angular gradient like this in Android Jetpack Compose. The gradient is made in Figma and below is the android code in Figma Inspect. I could only find resources for the linear gradient with only one angle. How can I create…
Roshan
  • 369
  • 4
  • 9
2
votes
0 answers

Getting a 403 when doing a POST to Jira Cloud API using cors anywhere proxy

Forgive me if this has been solved, I’ve looked through every past related question I could find and was not able to get a working solution. I’m building a small Figma plugin using javascript to allow users to create tickets in JIRA from Figma.…
2
votes
1 answer

In Figma: How to specify layouts for CSS grid systems?

Summary: I have seemingly hit a limitation in Figma when trying to make the columns behave akin to a CSS grid system. I would like to know if I have misunderstood Figma's built in capabilities, if there is a plug-in that solves the problem, if I…
bjornte
  • 749
  • 1
  • 9
  • 31
2
votes
1 answer

How to get rid of gray box around Tkinter button?

I am using Figma to create a user interface which I want a button on. The button shows up fine, however, there seems to be this random gray border which I don't understand how to get rid of. Picture attached below from tkinter import * def…
JSER
  • 21
  • 1
2
votes
0 answers

MRTK Figma Bridge Import tool not working?

I'm trying to import from Figma with the MRTK Figma Bridge inside Unity engine. Unity 2021.2.8f1 MRTK Figma Bridge 0.1.1 MRTK Standard Assets 2.7.3 MRTK Tools 2.7.3 OpenXR Plugin 1.2.1 When I import the page from Figma, all objects are empty objects…
2
votes
0 answers

Why exported from figma SVG-file looks different?

In Figma this button has fancy rounded border. It looks exactly the same if exported as PNG. When exported as svg these rounded borders looks chopped even if it zoomed (SVG-file).
2
votes
2 answers

Icon not aligning vertically center in html Bootstrap 5

I am currently new to Css google icon is not getting align center vertticaly giving some padding from bottom you can see in attached file...text is aligned center .g-icon{ background-image: url("../../assets/imgs/googles.png"); background-repeat:…
2
votes
1 answer

Figma plugin VectorNode doesn't have .fillGeometry?

The VectorNode documentation claims that VectorNode has a property called fillGeometry. However, TypeScript disagrees, saying that "property 'fillGeometry' does not exist on type 'VectorNode'" What am I missing here? I would really like an example…
crowhill
  • 2,398
  • 3
  • 26
  • 55
2
votes
1 answer

Vue.js - Package app as Figma Plugin using Vite

I have a Vue.js app that I created with Vite. This app successfully runs when I use npm run dev and visit the app in the browser. Now, I'm trying to bundle the app as a single code file so that I can use it as a plugin for Figma. I know that the…
Dev
  • 921
  • 4
  • 14
  • 31
2
votes
1 answer

Display live chart on Figma

Can we display live data in form of the chart on Figma? I have a python code that extracts live data of the stock market. Initially, I thought of using Tkinter to create a GUI, but due to its ugly interface, I decided to shift to Figma. is there any…
1 2
3
23 24