Pen2Figma
Importa diseños de pen.dev a Figma conservando auto layout, componentes, variables y temas.
Descargar plugin
Pen2Figma convierte archivos .pen en capas nativas y editables de Figma. Sus reglas se calibraron con el propio renderizador de Pen, así que los detalles propensos a errores (alineación de trazos, geometría de polígonos, ángulos de degradado, dirección de arcos, resolución de temas, espaciado entre letras) se procesan según los resultados reales del renderizado de Pen. Gratis, sin cuenta y sin límites.
Funciones
- Auto layout
- Dirección, separación, relleno interno, alineación, tamaños hug, fill y fijo, e hijos con posición absoluta.
- Componentes e instancias
- Los componentes reutilizables de Pen pasan a ser componentes de Figma; las instancias conservan sus anulaciones, incluidas las anidadas, y los cambios de icono se convierten en intercambios de instancia.
- Variables y modos de tema
- Cada eje de tema (claro, oscuro, etc.) genera una colección de variables con modos; se conservan los alias y los marcos mantienen su tema.
- Bibliotecas
- Suelta también los archivos .pen de biblioteca que usa tu diseño y se vincularán automáticamente.
- Estilos
- Colores sólidos, degradados lineales, radiales y angulares, rellenos de imagen, trazos por lado, sombras y desenfoques, esquinas redondeadas, arcos y vectores.
- Texto
- Las fuentes y los pesos se ajustan a lo que tienes instalado; el texto CJK recurre a PingFang SC o Noto Sans SC, igual que en Pen.
- Iconos
- lucide, Material Symbols, phosphor y feather, con las mismas versiones de iconos que incluye Pen.
Instalación
Pen2Figma aún no está en Figma Community, así que hay que importarlo a mano, y solo funciona en la app de escritorio de Figma.
- Descarga el archivo de arriba y descomprímelo.
- En la app de escritorio de Figma, abre el menú y elige Plugins → Development → Import plugin from manifest…
- Selecciona el
manifest.jsondescomprimido. Pen2Figma aparecerá en Plugins → Development.
Cómo se usa
- Ejecuta Pen2Figma y arrastra un archivo
.pen(junto con los archivos.pende biblioteca y las imágenes que use) al lienzo de Figma, o elige los archivos en el plugin. - Selecciona los marcos que quieres importar e inicia la importación.
- Todo aparece en la página actual y un resumen indica lo que necesita revisión.
Privacidad
La conversión se realiza por completo dentro del plugin y tus archivos nunca se suben. Las únicas solicitudes de red obtienen iconos e imágenes a los que hace referencia tu diseño.
Limitaciones conocidas
Los shaders, los degradados de malla y los nodos de script y de página web no tienen equivalente en Figma y se importan como marcadores de posición claramente señalados. En los planes de Figma que solo permiten un modo por colección, los demás temas reciben valores fijos.
Pen2Figma es una herramienta independiente de UISurf y no está afiliada ni respaldada por pen.dev ni Figma.
Notas de versión
- Primera versión pública.
- Auto layout, componentes e instancias con anulaciones anidadas, variables con modos de tema, bibliotecas, degradados, imágenes, efectos e iconos.
- Fuentes alternativas para CJK, 10 idiomas de interfaz y una interfaz clara y oscura que sigue a Figma.