Readit News logoReadit News
chuckn0risk commented on Making Figma better for developers with Dev Mode   figma.com/blog/introducin... · Posted by u/emilsjolander
megaman821 · 3 years ago
Is there some way to export Figma's local variables to a CSS custom properties?
chuckn0risk · 3 years ago
Hi Megan, Louis co-founder of Specify here.

This is one of the reason we built Specify (specifyapp.com) which is a Design API that helps you sync design tokens and assets from Figma to any platforms and formats.

Specify helps you get automated pull requests containing your design tokens and assets defined in Figma.

You basically just have to configure Specify once, and every time designers update colors in Figma you'll get automated pull requests with colors transformed exactly how you want.

chuckn0risk commented on Making Figma better for developers with Dev Mode   figma.com/blog/introducin... · Posted by u/emilsjolander
ryanSrich · 3 years ago
Seems interesting, and admittedly I might have missed this, but grabbing icons as individual SVGs is probably what takes me the longest when going from design to code. I have to click on each asset, name it properly, and then export it. Over, and over again. All from different layers, and pages.

If there was some sort of asset export that obeyed some spec on how to size and file name that’d save hours and hours of work.

Outside of that, I’m probably not ever going to use generated code enough for it to be a game changer. Most of the time you’re having to fit some design into an existing design system, and so I don’t really see the use case for code export at scale.

chuckn0risk · 3 years ago
This is one of the reason we built Specify (specifyapp.com) which is a Design API that helps you sync design tokens and assets from Figma to any platforms.

For instance, let's say you're a React developer. Designers set their layers as exportable in SVG, and Specify can automatically export the SVG string, optimize it with SVGO, set the end filename, and generate a JSX component for React - automatically. Here's a short video that should help you understand the whole process (https://youtu.be/Z7fX0v3KFmY?t=353).

You basically just have to configure Specify once, and every time designers update icons in Figma you'll get automated pull requests with icons transformed exactly how you want.

u/chuckn0risk

KarmaCake day1June 22, 2023View Original