Pencil PEN Importer

About this plugin

Pencil to Figma (Pencil PEN Importer)Author: Jason Yu @WSAI&WCKJEffortlessly import your Pencil.dev designs into Figma with high fidelity. This plugin automates the conversion of .pen export files into structured Figma layers, preserving complex layouts and design systems.✨ Key FeaturesMulti-Page Support: Automatically imports top-level designs into separate Figma pages for better organization.Precision Auto Layout: Accurate mapping of Pencil's Horizontal/Vertical layouts, including Gap, Padding, and Alignment.Smart Sizing: Intelligent conversion of fill_container and hug_contents to Figma's native sizing modes.Advanced Icon Support: Specialized rendering for Lucide icons, Material Symbols, and Material Icons.Design Tokens & Variables: Resolves color, number, and string variables to maintain your design system.Rich Styles: High-fidelity conversion of Fills (Solid/Gradient/Image), Strokes, Corner Radius, Opacity, and Shadows.Component Sync: Handles component references (ref) with support for descendant overrides.🚀 How to UseLaunch the "Pencil PEN Importer" in Figma.Upload: Drag & drop or select your .pen file.Import: Click "Import" and watch your multi-page design come to life in Figma!