Pencil to Figma Importer
Seamlessly convert Pencil designs into editable Figma files
Plugin Preview
About this plugin
Pencil to Figma Importer lets you seamlessly import .pen files exported from Pencil (pencil.dev) directly into Figma.
This plugin focuses on pixel-perfect fidelity, accurately recreating your original Pencil designs in Figma with full layer structure, layout, and visual styles preserved.
What gets imported:
• Pages and artboards
• Frames, groups, and layer hierarchy
• Shapes, vectors, and paths
• Text layers with font styles, alignment, and spacing
• Fills, strokes, gradients, images, and effects
• Auto Layout and constraints (when available)
How it works:
1. Open the plugin in Figma
2. Upload a .pen file exported from Pencil
3. The design is reconstructed instantly on your current page
This plugin is ideal for designers and teams who prototype or design in Pencil and want to continue editing, collaborating, or handing off designs in Figma — without rebuilding anything manually.
Plugin Details
| Version | 1 |
|---|---|
| Created | February 8, 2026 |
| Last Updated | February 8, 2026 |
| Category | Import & export plugins |
| Creator | Tim Bao |
| Stats | 3 installs, 1 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:src/ui.html
- main:dist/code.js
- Document Access:dynamic-page
- Network Access:
To fetch external image assets referenced in Pencil files.
- Editor Types:figma
- Allowed Domains:
- *
More Like This
Discover other plugins in the Import & export plugins category.
html.to.design — by ‹div›RIOTS — Import websites to Figma designs (web,html,css)
Convert any website into fully editable Figma designs
Anima - Figma to Code React, HTML, CSS, Tailwind, MUI (DevMode Inspect React / HTML / Vue / CSS)
Anima - AI Powered Design to code
Figma to HTML
Convert Figma design to HTML