1. Generate Features

• In Figjam, select your idea sticky

• In the UX Pilot plugin, in the AI Tools tab, use Custom Prompt: “Give me features for this mobile app”. (Enter as much details as you have about your idea.)

• Organize and refine the list (keep, delete, simplify titles)

2. Expand Features

• Select all feature stickies

• Use Expand: “Give me details for each feature from the user’s perspective”

• Add detailed stickies back to your board

3. Build the Flow

• Select all stickies

• Go to Diagram Tab → Generate

• Make sure to click the top “Generate” button for selected elements

• Review and adjust the flowchart

4. Run a Workshop

• Select diagram + features

• Go to Workshops Tab → Generate

• Define your goal (example: “Decide which features to keep for phase 1”)

• UX Pilot creates: activities, facilitator notes, email templates

• Add workshop to FigJam and collaborate

5. Create Wireframes (Optional)

• Select your diagram

• Go to Design Tab → Wireframe

• Choose mobile or web

• Generate wireframes directly in Figma

6. Generate UI Screens

• Summarize requirements: AI Tools → Summarize requirements with feature details

• Copy the output into UX Pilot web app under Design → New File

• Add styling details (dark mode, colors, fonts)

• Choose Hi-fi Design → Mobile → Autoflow

• Generate full screen flow (AI builds multiple screens in sequence)

Result:

7. Edit and Refine

• In the web platform, use Section Edit for single elements (e.g., buttons)

• Use Global Edit for full screen changes

• Preview designs live in browser

8. Developer Handoff

• View source code for each screen and copy it

• Export screens to Figma for final tweaks

• Use AI Tools → Technical Requirements on any screen or element

• Save prompts and versions for documentation using “Prompt History”

• Build your design system directly from generated components