pen.dev to Figma
Import pen.dev designs into Figma
Plugin Preview
About this plugin
Import pen.dev export files (.pen) into Figma with full fidelity.Features:• Drag & drop or file picker for .pen files• Convert frames, text, vector paths, rectangles, and ellipses• Full Auto Layout support (horizontal / vertical)• Style conversion: fills, strokes, corner radius, opacity• Variables support - resolve color, number, and string variables• Theme / Color mode support - switch between Light and Dark modes• Component references (ref) with descendant overrides• Material Symbols / Material Icons support• Bilingual UI (Japanese / English)How to use:1. Launch the plugin2. Drop or select a .pen file3. Choose color mode (Light / Dark)4. Click "Import"
Plugin Details
| Version | 4 |
|---|---|
| Created | January 30, 2026 |
| Last Updated | August 12, 2026 |
| Category | Import & export plugins |
| Creator | Ozeki Masaki |
| Stats | 798 installs, 94 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
- Document Access:dynamic-page
- Network Access:
http(s) image fills in .pen files are fetched via figma.createImageAsync
- Editor Types:figma
- Allowed Domains:
- *
More Like This
Discover other plugins in the Import & export plugins category.
CoverCraft - Figma x Hashnode
Seamlessly Set Cover Images from Figma to Hashnode
Free Compressed PDF and Image Exporter (PDF, PNG, JPG, WebP and SVG)
Export compressed PNG, PDF, JPG, SVG, WebP & merge multiple frames into one PDF—fast & easy! 🚀
Color Import / Export
Help design and dev teams stay in sync by providing import and export tools for color palettes