Solving Problems with JavaScript: Variable Code Syntax | Figma

Veröffentlicht am: 06 Februar 2025
auf dem Kanal: Figma

14,229

563

Running plugin API code in the JavaScript console is the best Figma feature you've never used. Here's the code:

const [collection] = await figma.variables.getLocalVariableCollectionsAsync();
collection.variableIds.forEach(async function arrow(id) {
const variable = await figma.variables.getVariableByIdAsync(id);
variable.setVariableCodeSyntax(
"WEB",
`var(--color-${variable.name.replace(/\//g, "-").toLowerCase()})`
)
})
____________________________________________________

Find us on ⬇️
X (formerly Twitter): https://x.com/figma
Instagram:   / figma
LinkedIn:   / figma
TikTok:   / figma
Figma forum: https://forum.figma.com/

Auf dieser Seite können Sie das Online-Video Solving Problems with JavaScript: Variable Code Syntax | Figma mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Figma 06 Februar 2025 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 14,229 Mal angesehen und es wurde von 563 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!

363,581

4.8K