copy-figma-css: Un'estensione pratica per copiare il CSS da Figma
copy-figma-css è un'estensione per Chrome sviluppata da gnauhca che fornisce un modo conveniente per copiare il CSS da Figma. Abilitando questa estensione e attivando la scheda "ispeziona" in un file Figma, gli utenti possono automaticamente copiare il CSS secondo le regole che hanno impostato dopo aver selezionato un nodo qualsiasi.
Con copy-figma-css, gli utenti possono godere delle seguenti funzionalità:
- Copia automatica del CSS da Figma
- Filtraggio dei commenti non necessari e delle proprietà indesiderate
- Impostazione del livello di scala e dell'unità personalizzata dei numeri
- Personalizzazione delle regole di sostituzione
- Sostituzione dei valori con variabili CSS/LESS/SASS
- Diverse configurazioni per diversi progetti
Per utilizzare copy-figma-css, basta installare il plugin e aggiungerlo alla barra delle estensioni. Successivamente, aprire o aggiornare il file Figma, attivare la scheda "ispeziona" e selezionare l'elemento per copiare automaticamente il CSS negli appunti in base alle regole impostate. Anche la copia manuale del CSS verrà elaborata dall'estensione.
Si prega di notare che se il browser richiede il permesso di leggere gli appunti, fare clic su "Consenti" per concedere l'accesso, poiché l'estensione legge solo il codice CSS.
In generale, copy-figma-css è uno strumento prezioso per designer e sviluppatori che lavorano con Figma, ottimizzando il processo di copia del CSS e migliorando la produttività.