Pencil to Figma PRO | Pencil.dev

About this plugin

✨ Pixel Perfect Pencil to Figma Conversion

Import 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 Accuracy

Enhanced 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 Support

Full support for Lucide icon conversion from Pencil to Figma. SVG paths and shapes render accurately for crisp icons at any size.

📐 Correct Auto Layout

Perfect translation of padding, gap, and alignment. Proper handling of individual corner radius making sure your designed layouts transfer seamlessly.

🧩 Components & Variables

Reusable 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 Figma

1. Open the plugin in Figma

2. Choose your .pen file (or .zip with .pen and 'images' folder)

3. Select which frames to import

4. Click "Import" -> Done!

⭐ Free Conversions

Start with 10 free .pen to Figma conversions.

Upgrade for unlimited use.

Visit Pencil: Pencil.dev

Support or suggestions: penciltofigma@gmail.com