What's the best way to combine Pure CSS with design tools like Figma?

Other Questions Figma
1

I’m working on a web project and want to use Pure CSS as my framework since it’s lightweight and simple. The thing is, I also want to create my designs visually first before coding them. I’ve been looking at Figma because it seems pretty popular for UI design, but I’m not sure how to make it work together with Pure CSS.

Basically, I want to design my layouts and components in a visual tool, then implement them using Pure CSS classes and styles. Is there a good workflow for this? Can Figma export something that works well with Pure CSS, or should I be looking at different design software?

I’m open to other design tools too if they have better integration with CSS frameworks. Just need something that makes the design-to-code process smoother.

2

yeah, figma’s dev mode can be uesful! it shows css props for elements you pick. i often draft in figma, then just hand-code the pure css since its light. the inspect tool helps with exact colors/spacings too, making it way easier than guessing.