Stepper Creator

About this plugin

Stepper Creator is a Figma plugin designed to streamline the design process by generating customizable stepper interfaces with ease. It is ideal for designers and teams looking to add intuitive navigation elements to their UI/UX projects.

Key Features:

1. Shape Selection: Choose between circle or square shapes for each step, allowing for versatile design alignment with your project's aesthetic.
2. Spacing Between Steps: Manually add the spacing you want between each progress stepper
3. Stepper Direction: Pick a direction for your stepper from vertical or horizontal, providing the flexibility to get creative
4. Color Customization: Pick a color for your stepper elements, providing the flexibility to match your design palette.
5. Step Count Flexibility: Select from a predefined range of steps for your stepper, making it suitable for various applications from simple to complex navigational sequences.

How to Use:

1. Select the number of steps from the dropdown menu.
2. Type the spacing you want between each progress stepper
3. Choose a direction for the stepper - horizontal or vertical
4. Choose the shape and color for your steps.
5. Click 'Generate Stepper' to add the customized stepper to your Figma canvas.
6. *Make sure to set the Auto Layout properties for each nested component to look and feel as desired (tweaking required)

Stay tuned for more customization options to come.

Your feedback is valuable to me, and hence I would appreciate if you can send me suggestions, bugs, and ideas on how can I make this plugin better for you.

Please reach out to me at: [email protected]

Twitter: https://twitter.com/sonaliagrawal