🔧 Fixma

All-in-one Figma plugin for analyzing, fixing and organizing your design files.

---

Screenshots

Export	Components	Variants

Analyze	Layout

---

Features

• 📦 Export — Page JSON export compatible with the Figma REST API format
• 🧩 Components — Detect structurally similar frames and convert them into master components + instances
• 🔀 Variants — Combine selected objects into a Component Set with one click
• 🔍 Analyze — Naming issues, missing safe areas, empty frames, zero-size objects — detect and auto-fix
• 📐 Layout — Constraint & sizing intent analysis with one-click auto-fix

---

Getting Started

Requirements

• Node.js 14+
• Figma Desktop

Installation

git clone https://github.com/bilal-arikan/fixma.git
cd fixma
npm install
npm run build

Load in Figma

1. Open Figma Desktop
2. Plugins → Development → Import plugin from manifest...
3. Select the manifest.json file

---

Commands

npm run build      # Build plugin
npm run watch      # Watch & rebuild on changes
npm run dev        # Build + watch

---

Tech Stack

• TypeScript + Figma Plugin API
• esbuild — fast bundler
• HTML/CSS — inline UI

---

Author

Bilal Arikan

---

License

MIT — Open source, contributions welcome!