# CSS Issues when exported to code from Figma

**URL:** <https://forum.builder.io/t/css-issues-when-exported-to-code-from-figma/15368>\
**Category:** Visual Editor Help\
**Tags:** react\
**Created:** [July 8, 2025, 4:08am UTC](https://forum.builder.io/t/css-issues-when-exported-to-code-from-figma/15368 "2025-07-08T04:08:28Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![qadir941](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.builder.io/qadir941/32/5087_2.png) [@qadir941](https://forum.builder.io/u/qadir941)\
**Post date:** [July 8, 2025, 4:08am UTC](https://forum.builder.io/t/css-issues-when-exported-to-code-from-figma/15368/1 "2025-07-08T04:08:28Z")

</div>

![image](https://us1.discourse-cdn.com/flex020/uploads/builder/original/2X/c/c1885608892906f97f2e6e3cdc34de5ad4f0d486.png)  
This is my figma design for a button

and this is the button that I got when I converted the design into code

 ![image](https://us1.discourse-cdn.com/flex020/uploads/builder/original/2X/4/404e52e2b7f3b9c5b3009c309a179ab0f4de5a9a.png)

There is slight variation n the output like the background color etc, why that is happening. I use react,tailwind, typescript

---

<div class="post-metadata">

**Author:** ![sheema](https://avatars.discourse-cdn.com/v4/letter/s/e19adc/32.png) [@sheema](https://forum.builder.io/u/sheema)\
**Post date:** [July 23, 2025, 12:40pm UTC](https://forum.builder.io/t/css-issues-when-exported-to-code-from-figma/15368/2 "2025-07-23T12:40:34Z")

</div>

Hey @qadir941 could you please share a sample Figma file with me to test this out?