Crane

About this plugin

Crane the Page Scaffolding PluginCrane 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 TabQuick Page Creation: Generate multiple pages with emoji icons and custom labelsSmart Detection: Automatically detects existing pages to prevent duplicatesSelective Creation: Choose which pages to create with individual checkboxesVisual Preview: See exactly what pages will be created before scaffolding⚙️ Settings TabCustom Layout Editor: Fully customizable page structure with drag-and-drop reorderingEmoji Picker: Modern emoji selector with search and category filteringPage Management: Add, duplicate, delete, and modify pages and separatorsLive Preview: Changes reflect immediately in the scaffold tab📤 Import/Export TabURL Import: Import layouts from remote JSON filesFile Import: Import layouts from local JSON filesJSON Export: View and copy layout configurationsDownload Export: Save layouts as JSON files for sharing or backup🏗️ Default Layout StructureCrane comes with a thoughtfully designed default layout perfect for design projects:🚧 - Task or feature name - Project overview page🧩 - Components - Design system components📐 - Specs - Technical specifications🧠 - Moodboard - Visual inspiration💡 - Ideas - Brainstorming and concepts☣️ - Discarded - Archived ideas📄 - Cover - Project presentationHow to UseOpen the Plugin: Go to Plugins → Crane in your Figma fileChoose Pages: In the Scaffold tab, select which pages you want to createCreate: Click the "Create" button to generate your page structureCustomize: Use the Settings tab to modify the layout for future projectsShare: Export your custom layouts to share with your teamImport/Export FormatsLayouts are saved in a simple JSON format:[{"emoji": "🚧","label": "Task or feature name","type": "page"},{"emoji": "─","label": "─────────────","type": "separator"}]BenefitsConsistency: Maintain uniform project structure across teamsEfficiency: Save time setting up new projectsOrganization: Keep your Figma files well-structuredFlexibility: Customize layouts for different project typesCollaboration: Share standardized layouts with your team