Pencil PEN Importer

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!