Crane

About this plugin

Crane the Page Scaffolding Plugin

Crane is a powerful Figma plugin designed to streamline your design workflow by automatically creating structured page layouts for your projects. Whether you're starting a new design project or organizing an existing one, Crane helps you maintain consistency and save time.

Features

📋 Scaffold Tab

1. Quick Page Creation: Generate multiple pages with emoji icons and custom labels
2. Smart Detection: Automatically detects existing pages to prevent duplicates
3. Selective Creation: Choose which pages to create with individual checkboxes
4. Visual Preview: See exactly what pages will be created before scaffolding

⚙️ Settings Tab

1. Custom Layout Editor: Fully customizable page structure with drag-and-drop reordering
2. Emoji Picker: Modern emoji selector with search and category filtering
3. Page Management: Add, duplicate, delete, and modify pages and separators
4. Live Preview: Changes reflect immediately in the scaffold tab

📤 Import/Export Tab

1. URL Import: Import layouts from remote JSON files
2. File Import: Import layouts from local JSON files
3. JSON Export: View and copy layout configurations
4. Download Export: Save layouts as JSON files for sharing or backup

🏗️ Default Layout Structure

Crane comes with a thoughtfully designed default layout perfect for design projects:

1. 🚧 - Task or feature name - Project overview page
2. 🧩 - Components - Design system components
3. 📐 - Specs - Technical specifications
4. 🧠 - Moodboard - Visual inspiration
5. 💡 - Ideas - Brainstorming and concepts
6. ☣️ - Discarded - Archived ideas
7. 📄 - Cover - Project presentation

How to Use

1. Open the Plugin: Go to Plugins → Crane in your Figma file
2. Choose Pages: In the Scaffold tab, select which pages you want to create
3. Create: Click the "Create" button to generate your page structure
4. Customize: Use the Settings tab to modify the layout for future projects
5. Share: Export your custom layouts to share with your team

Import/Export Formats

Layouts are saved in a simple JSON format:

Benefits

1. Consistency: Maintain uniform project structure across teams
2. Efficiency: Save time setting up new projects
3. Organization: Keep your Figma files well-structured
4. Flexibility: Customize layouts for different project types
5. Collaboration: Share standardized layouts with your team