copy-figma-css: Una práctica extensión de copia de CSS de Figma.
copy-figma-css es una extensión de Chrome desarrollada por gnauhca que proporciona una forma conveniente de copiar CSS desde Figma. Al habilitar esta extensión y activar la pestaña de inspección en un archivo de Figma, los usuarios pueden copiar automáticamente CSS de acuerdo con las reglas que establecen después de seleccionar cualquier nodo.
Con copy-figma-css, los usuarios pueden disfrutar de las siguientes características:
- Copia automática de CSS de Figma
- Filtrado de comentarios innecesarios y propiedades no deseadas
- Establecimiento del nivel de escala y unidad personalizada de números
- Personalización de reglas de reemplazo
- Reemplazo de valores con variables CSS/LESS/SASS
- Diferentes configuraciones para diferentes proyectos
Para usar copy-figma-css, simplemente instale el complemento y fíjelo en la barra de extensiones. Luego, abra o actualice el archivo de Figma, active la pestaña "inspeccionar" y seleccione el elemento para copiar automáticamente el CSS al portapapeles según las reglas establecidas. Incluso la copia manual de CSS será procesada por la extensión.
Tenga en cuenta que si el navegador solicita permiso para leer el portapapeles, haga clic en "Permitir" para otorgar acceso, ya que la extensión solo lee el código CSS.
En general, copy-figma-css es una herramienta valiosa para diseñadores y desarrolladores que trabajan con Figma, agilizando el proceso de copiar CSS y mejorando la productividad.