KPC
Kevin Powell - Communityā€¢13mo ago
Moni

Figma to html css

While converting from figma to html css i should use the same units for margins ,padding etc as defined in css in figma or can i used other values for css .Because while working on a project the value defined in figma for css was large for padding and margins and does not fit well on screen.
2 Replies
Jochem
Jochemā€¢13mo ago
it's not an exact process converting a design to HTML and CSS, use whatever works don't try to copy it pixel perfect either, go for what looks good and is accessible on an actual screen or mobile device afaicr figma loves px, which is generally to be avoided unless you're setting border widths or other tiny stuff like that
vince
vinceā€¢13mo ago
Yup that's correct, figma uses px for all of its margins and padding
Want results from more Discord servers?
Add your server
More Posts
How change css class on scroll?I checked this guide https://www.youtube.com/watch?v=JMsNslI8KoY&ab_channel=BrianDesign But its not Body extends below footerDoes anyone know why the body extends below my footer on smaller screens ? and there's no fix heightResponsiveness of text at the right side of screenhttps://share.vidyard.com/watch/s5W1DPzS4187hpY4t9iPSz? https://codepen.io/Antony-Collin/pen/WNYejKZChange base font sizeHi all. I use React with Tailwind CSS in multipage project. In figma design system there is no 16px Tutorials on how to spot & diagnose javascript bugs?A Webflow site Iā€™m working on crashed and Iā€™m in contact with their support team to fix. That saidStruggling with Sub Menu ScriptI'm trying to make my sub menu collapsible, but can't get the code to do what I need it to do. the CHow to make line stay the same?Is there anyone who can help? I have made a list, in the middle it is connected with 'see photo' Iredesign idea for hospital serviceIs there anyone know ideas to redesign this interface , and how it looks like for the future?TS newbie ... common key value pairsHello again! This time it's codecademys TS course that is giving me headaches ... ```ts type Like =How can I create these "bezels" (for lack of a better word) that is shown throughout this design?I have been given a static design in Adobe Illustrator where the designer has created these "bezels"