Stellar - Streamline Your Design Handoff

About this plugin

Stellar 🚀 empowers you to create organized and professional documentation for your design handoff. With four robust tools, you can structure your Figma files in a clean and intuitive manner.

Frame Identifier - Ideal for pinpointing specific screens or components.

Easily create clear headers to identify individual frames:

1. Select any frame or group of elements.
2. Add a title and subtitle.
3. A polished header will be generated above your selection, enhancing clarity and organization.

Section Identifier - Perfect for grouping features or user flows.

Organize related frames with cohesive section headers:

1. Select multiple frames that belong together.
2. Add a section title and description.
3. A header will be created that spans across all selected frames, providing a unified view.

Flow Identifier - Essential for tracking progress and communicating state.

Document your navigation flows with intuitive status indicators:

1. Select frames within your user flow.
2. Add a title and description.
3. Choose a status (e.g., In Progress, Ready for Development).
4. Status tags are color-coded and include helpful icons, making it easy to convey the current state.

Connector Arrows - Connect your frames with intelligent arrows.

Seamlessly link frames with dynamic arrows:

1. Select two or more frames to connect.
2. Choose from 4 arrow styles: Default Arrow (clean and simple), Success Arrow (positive flows), Error Arrow (error states), Dashed Arrow (alternative paths).
3. Toggle between light and dark modes for optimal visibility.
4. Arrows automatically adjust to frame positions, ensuring a tidy and logical layout.

Perfect for:

1. Design Systems
2. User Flow Documentation
3. Development Handoff
4. Project Status Tracking
5. Team Collaboration

Start organizing your Figma files with Stellar and create documentation that both designers and developers will appreciate! 🚀🚀🚀