Instructions for Using Avatar Pro Elements

1. Elements for Avatar Types
Avatar Pro includes dedicated elements for each avatar type:
- PixelArt Element
- Person Element

- Thumb Element
- Emoji Element
- Bottt Element
- Initial Avatar Element
- Icons Element
Each element is designed to acquire and manage the properties specific to its avatar type.


2. Action Workflows
Every avatar type supports two workflows:
Random Workflow: Automatically generates a random avatar. Use the `Random (Element Name)` workflow for this action (e.g., `Random PixelArt`).
Custom Workflow: Creates a custom avatar based on user-provided inputs. Pass the desired properties (e.g., colors, styles, shapes) to this workflow.

3. Steps for Generating Avatars
- Drag and drop the desired element onto your page.
- For random avatars, trigger the corresponding random workflow.
- For custom avatars, collect input from the user (e.g., through dropdowns or input fields) and pass these values to  the custom workflow.
4. Tips for Integration
- Combine avatar elements with dynamic input fields for seamless customization.
- Use workflows in conjunction with conditionals or events to enhance interactivity and user experience.

Editor Link :https://bubble.io/page?id=chakor-demo-4&test_plugin=1735302964101x992659843654877200_current&tab=Design&name=avatar_creator_pro&type=page