Pencil to Figma PRO | Pencil.dev

About this plugin

✨ Pixel Perfect Pencil to Figma ConversionImport your Pencil (.pen) designs into Figma with unmatched accuracy. Pencil to Figma is the community made importer for your Pencil.dev -> .pen AI made designs! Every frame, component, image, and icon transfers exactly as designed.🎯 Pixel Perfect AccuracyEnhanced width/height parsing for exact sizing. Precise position preservation for absolute layouts. Every element lands exactly where it should.🖼️ Local Image Support• ZIP Import: Upload a ZIP file containing your .pen design + images/ folder -> images are automatically extracted and matched• Folder Picker: Upload a plain .pen file, and if local images are detected, easily add your images folder with one click⚡ Full SVG SupportFull support for Lucide icon conversion from Pencil to Figma. SVG paths and shapes render accurately for crisp icons at any size.📐 Correct Auto LayoutPerfect translation of padding, gap, and alignment. Proper handling of individual corner radius making sure your designed layouts transfer seamlessly.🧩 Components & VariablesReusable components with interactive states (Default, Hover, Pressed) are converted to Figma Components with dependencies auto included. When colors are incorporated as variables inside Pencil it will also import these variable colors into Figma correctly.🚀 How to Use Pencil to Figma1. Open the plugin in Figma2. Choose your .pen file (or .zip with .pen and 'images' folder)3. Select which frames to import4. Click "Import" -> Done!⭐ Free ConversionsStart with 10 free .pen to Figma conversions.Upgrade for unlimited use.Visit Pencil: Pencil.devSupport or suggestions: [email protected]