Figma Layer Tools: PNG + Palette Extractor
Export layers as PNGs and auto-generate manifest + palette JSON.
Plugin Preview
About this plugin
A lightweight Figma utility plugin that helps developers and designers export structured assets instantly.
Features
Layer PNG Exporter
Export selected layers or the entire page as PNG files — neatly packaged into a ZIP.
Manifest JSON Generator
Automatically creates a clean manifest containing:
- Layer hierarchy
- Visibility
- Positions
- Fills, strokes, effects
- Text styles
- Z-index
- Coordinates
Input JSON Generator
Creates a well-structured JSON object from your layer naming patterns (a:b:c, list_1, palette_*, etc.).
Palette Extractor
Finds groups named palette_* and extracts their color swatches into a readable JSON.
Built For
- Developers building automation pipelines
- Design-to-code workflows
- Generating JSON layouts for templates
- Teams exporting structured assets from Figma
🚀 Simple, Fast, and Efficient
Just select layers → click Export → get a ready-to-use ZIP with PNGs + JSON files.
Plugin Details
| Version | 2 |
|---|---|
| Created | February 23, 2026 |
| Last Updated | February 24, 2026 |
| Category | Import & export plugins |
| Creator | Abhiram Thunki |
| Stats | 0 installs, 0 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- https://cdn.jsdelivr.net
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