Generate theme file for styled-system
from Figma file.
yarn add styled-system-figma
# or
npm install --save styled-system-figma
import generateTheme from 'styled-system-figma';
import * as Figma from 'figma-js';
const fileId = 'FILE_ID';
const client = Figma.Client({
personalAccessToken: 'FIGMA_TOKEN',
});
client.file(fileId).then(({ data }) => {
const theme = generateTheme(data);
fs.writeFileSync('theme.js', JSON.stringify(theme, null, 2));
});
colors
lineHeights
radii
fontSizes
fontWeights
letterSpacings
fonts
boxShadows
textVariants