Figma Prototype Conversion for Demo Video
📄 Job Description:
I’m looking for an experienced Webflow designer to recreate a pre-built Figma prototype of a chat-style AI assistant for a stakeholder-facing demo video. The goal is to simulate realism — users should feel like they’re interacting with a live assistant.
This is NOT a backend build — the logic is static and predefined — but it should behave like a modern SaaS assistant UX.
✅ What’s Ready:
Full Figma design is complete and available
All text, flows, button copy, and assistant logic are defined
3 structured user flows:
Business Context Setup
Data Upload & Mapping Simulation
Risk Model Launch + Pre-Run Summary
🧠 What You’ll Be Doing:
Recreate 3 flows from Figma into Webflow (desktop only is fine)
Implement interactions: button clicks, typing simulation, section reveals
Optional (nice to have): scroll-based transitions, Lottie animations (e.g. “thinking…”)
Ensure polish: alignment, font consistency, smooth transitions
Deliver a clean, organized Webflow project (no messy nesting or unused assets)
🎯 Output Goal:
A clean, polished Webflow site that looks and feels like a working web app for a recorded video demo (no backend needed).
💼 Ideal Candidate:
Strong Webflow layout and interaction skills
Experience translating Figma prototypes into real-feeling Webflow experiences
Bonus: knowledge of SaaS UI/UX, typewriter animation, Lottie integration
🕒 Timeline:
Looking to get this done within 3–5 days, ideally sooner.
💰 Budget:
Open to proposals based on quality and turnaround speed — please include:
A few relevant Webflow examples (especially multi-step or assistant-style flows)
Your approach to interactions or realism in Webflow
Any ideas for lightweight animation polish (typing effect, subtle load, etc.)
Job Qualifications
- Strong Webflow layout and interaction skills
- Experience translating Figma prototypes into real-feeling Webflow experiences
- A few relevant Webflow examples (especially multi-step or assistant-style flows)
- Your approach to interactions or realism in Webflow
- Any ideas for lightweight animation polish (typing effect, subtle load, etc.)
Job Benefits
Job Responsibilities
- The goal is to simulate realism — users should feel like they’re interacting with a live assistant
- This is NOT a backend build — the logic is static and predefined — but it should behave like a modern SaaS assistant UX
- Full Figma design is complete and available
- All text, flows, button copy, and assistant logic are defined
- Data Upload & Mapping Simulation
- Recreate 3 flows from Figma into Webflow (desktop only is fine)
- Implement interactions: button clicks, typing simulation, section reveals
- Optional (nice to have): scroll-based transitions, Lottie animations (e.g. “thinking…”)
- Ensure polish: alignment, font consistency, smooth transitions
- Deliver a clean, organized Webflow project (no messy nesting or unused assets)