design tokens
2 design tools & resources relevant to 'design tokens'.
Design Tokens Extractor for Figma
Extract design tokens from Figma as JSON for seamless theming and styling
%22%3E%0A%3Cpath%20d%3D%22M8%2024C10.208%2024%2012%2022.208%2012%2020V16H8C5.792%2016%204%2017.792%204%2020C4%2022.208%205.792%2024%208%2024Z%22%20fill%3D%22%23142C28%22%2F%3E%0A%3Cpath%20d%3D%22M4%2012C4%209.792%205.792%208%208%208H12V16H8C5.792%2016%204%2014.208%204%2012Z%22%20fill%3D%22%23142C28%22%2F%3E%0A%3Cpath%20d%3D%22M4%204C4%201.792%205.792%200%208%200H12V8H8C5.792%208%204%206.208%204%204Z%22%20fill%3D%22%23142C28%22%2F%3E%0A%3Cpath%20d%3D%22M12%200H16C18.208%200%2020%201.792%2020%204C20%206.208%2018.208%208%2016%208H12V0Z%22%20fill%3D%22%23142C28%22%2F%3E%0A%3Cpath%20d%3D%22M20%2012C20%2014.208%2018.208%2016%2016%2016C13.792%2016%2012%2014.208%2012%2012C12%209.792%2013.792%208%2016%208C18.208%208%2020%209.792%2020%2012Z%22%20fill%3D%22%23142C28%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_101_4266%22%3E%0A%3Crect%20width%3D%2216%22%20height%3D%2224%22%20fill%3D%22white%22%20transform%3D%22translate(4)%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A)
Scales
Guided starter kit to create and manage design tokens with confidence