En praktisk Figma CSS-kopieringstillägg
copy-figma-css är en Chrome-tillägg utvecklad av gnauhca som ger ett bekvämt sätt att kopiera CSS från Figma. Genom att aktivera detta tillägg och aktivera inspektera-fliken i en Figma-fil kan användare automatiskt kopiera CSS enligt de regler de ställer in efter att ha valt någon nod.
Med copy-figma-css kan användare njuta av följande funktioner:
- Automatisk kopiering av Figma CSS
- Filtrering av onödiga kommentarer och oönskade egenskaper
- Inställning av skalnivå och anpassad enhet för nummer
- Anpassning av ersättningsregler
- Ersättning av värden med CSS/LESS/SASS-variabler
- Olika konfigurationer för olika projekt
För att använda copy-figma-css, installera helt enkelt tillägget och fäst det på förlängningsfältet. Öppna sedan eller uppdatera Figma-filen, aktivera fliken "inspektera" och välj elementet för att automatiskt kopiera CSS till urklipp baserat på de inställda reglerna. Även manuell kopiering av CSS kommer att hanteras av tillägget.
Observera att om webbläsaren ber om tillstånd att läsa urklippet, klicka på "Tillåt" för att ge åtkomst, eftersom tillägget endast läser CSS-koden.
Sammanfattningsvis är copy-figma-css ett värdefullt verktyg för designers och utvecklare som arbetar med Figma, vilket effektiviserar processen att kopiera CSS och ökar produktiviteten.