Stack Overflow
Stack Overflow

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
2 answers

Figma design to react component

I have a list of React component like Table, button, pagination, etc,. Now I am in a need of creating Figma plugin that generate web page(react class component) from figma design using my React component which i already have. is it possible to do?
Antony Raj
  • 31
  • 4
2
votes
1 answer

Figma Plugin - help programmatically creating text style

I am trying to create Figma Text styles via a plugin that reads from my design tokens. The problem I am having is when setting the custom font, the promise to load it does not resolve, so it seems to stall the function. Am I missing something…
Lucas Arundell
  • 91
  • 6
2
votes
1 answer

Typescript - How to avoid repeating the same properties on an array of types?

In the example below, I have a group of ShadowStyles -> represented as type ShadowGroup whose items are all instances of ShadowStyle (the style property is set to inherit an external library's ShadowEffect type). The thing is, there are some…
Lucas Arundell
  • 91
  • 6
2
votes
1 answer

How can I export a figma file and instantly open it in figma desktop app or browser new tab?

I'm using nuxtjs. I have a .fig file and when I will enter any export button it should be open in the desktop app or any browser location like that 'https://www.figma.com/files'.
Prerana
  • 198
  • 1
  • 9
2
votes
1 answer

Inner Shadow effect like Figma in native Android

I wonder if there is a way to create a view container with an Inner Shadow like in Figma in native Android. I have already spent the whole day trying layer-list with different items (linear, radial gradients, shapes, bitmaps) but nothing seems to be…
Div MoD
  • 158
  • 8
2
votes
2 answers

All items are fixed in the figma design

I'm trying to convert figma design to html and css but in the design all items' positions are absolute. One of the nav item's styles: position: absolute; width: 79px; height: 16px; right: 395px; top: 13px; Grid items' styles: position:…
Dogukan Aktas
  • 113
  • 10
2
votes
1 answer

SVG elements from Figma don't align correctly when moving them to VSC

I recently started using Figma to design webpages. After I finished designing a page, I exported all the SVG files and added them to my HTML document. I went to copy the CSS styling from Figma, but everything was out of size resulting in everything…
Hasan Al-Aref
  • 83
  • 6
2
votes
5 answers

Figma text orientation

I started using figma as web design tool. I can't seem to find text-orientation vertical. In CSS it would be: writing-mode: vertical-rl; text-orientation: upright; Is there such option or workaround?
apple314
  • 21
  • 1
  • 3
2
votes
3 answers

How much are the 500, 600, 700 usw. steps in Figma for colors

I want to make SASS Mixins for my color scheme in the tailwind style. For every color I want to generate a 400, 300, 200 and 100 and so on version. Now it would be nice to know in what percentage tailwind steps this. I found nothing in the…
Slowwie
  • 1,146
  • 2
  • 20
  • 36
1
vote
0 answers

I am trying to recreate this ui i made in figma to html, css and js

I made a morphing text with covering text when scrolling but I cannot seem to fix it no matter what I try what is the best way to achieve this animation? I am new to coding const blackBox =…
Tripping
  • 375
  • 5
  • 14
1
vote
1 answer

How to Implement 590 Font Wight in CSS Same as Figma Design

I am working on a project and the designer who designed the UI has used 510 and 590 font weights which are not available in CSS. Is there any way to implement the same font weight in CSS? I want to have the same design as figma. Here is the code…
Sanan Ali
  • 2,349
  • 1
  • 24
  • 34
1
vote
1 answer

Is there a way to create a Two-Side Button in SwiftUI?

I hope you're all doing well here. I'm working on developing my first app, and I've created a two-sided button in Figma using a rectangle. I really like the design, and I was wondering if there's a way to recreate it in SwiftUI. As you can see, when…
f1cac2Tarty_
  • 13
  • 4
1
vote
0 answers

How to import mudblazor components into Figma?

I am new to Figma tool and I would like to create some mockups using mudblazor ui components. So, my question is simple. Is there any way that I could find or import the mudblazor ui components into a Figma draft design?
TheodoreTsg
  • 510
  • 3
  • 9
  • 23
1
vote
1 answer

From prototype to CSS Image positioning

I am new to using Figma and am new to more complex styling in CSS, but I have made a prototype within Figma of a page that I am trying to build-out. I am having trouble on the side of taking the image and making it into the actual page. The Figma…
McBraunie
  • 107
  • 1
  • 12
1
vote
1 answer

Android Studio Relay plugin (version 0.3.07) error

I was following this tutorial "https://developer.android.com/jetpack/compose/tooling/relay/convert-designs-android-studio" to try out the Relay plugin for the first time. I have no problem following the previous steps of the tutorial, however when I…
Trac Duc Anh Luong
  • 13
  • 3
1 2 3
…
23 24