What carries over
| What you did as a UI developer | Where it shows up now |
|---|---|
| Wrote CSS layouts | Build layouts in Webflow or Framer with the same box model |
| Made pages responsive | Set breakpoints visually |
| Handed over code | Hand over an editable CMS |
| Fixed client feedback fast | Fix feedback live with the client |
What is new
- Setting up CMS collections clients can edit.
- Recording a short handover video for each client.
- Scoping a fixed project clearly in writing.
Try it: Who Edits This
A short exercise you can do on this page.
Who Edits This
Your first proof in 30 days
Rebuild one sliced page in Webflow or Framer with an editable CMS section and a handover note. Share the live link and a two-minute handover video.
Your 30/60/90 quests
XP: learning 20 · proof 60 · outreach 40. Ranks: Wayfinder → Builder → Pathmaker. Progress stays in your browser only.
Worries, answered
No-code feels like a step down. Your CSS knowledge is what makes these sites clean and fast.
Will clients pay for this? Some will; scope one small project first and keep it in writing.
Pay, honestly
We haven't verified pay data for this move. Framer and Webflow work is often per project or retainer, so agree scope and handover in writing.
Your realistic 90 days
You worked as a UI developer. This plan moves you toward Framer/Webflow work in 90 days, using what you already do.
Assumes 2–3 hours a day alongside job applications, a laptop and a phone, and free plans only. Every step has a smaller version and a way to pause. Use them. It runs in three blocks of 30 days, each ending with a signal that you're on track. A signal is not a promise of a job or income.
Your first 7 days
| Day | Task | Done when |
|---|---|---|
| 1 | Pick one page you sliced before | Page picked |
| 2 | Open a free Webflow or Framer account | Account ready |
| 3 | Take one free Webflow University lesson | Lesson done |
| 4 | Rebuild the hero and navigation | 2 sections |
| 5 | Add one CMS collection | CMS added |
| 6 | Write a one-page handover note | Note |
| 7 | Save 10 postings | 10 links |
Days 1–30: Editable rebuild
| Step | Time | Done when | Smaller version | If you need to pause |
|---|---|---|---|---|
| Publish one rebuilt page with an editable CMS and a handover video | about 8 hours over 3 weeks | live link + video | The hero section only. | Stop at the end of the step you're on and write two lines about where you stopped. Pick it up from those notes later. |
| Show your proof to 5 people who hire for this role | about 1 hour | 5 messages | Show it to 2 people who hire for this role. | Optional. If reaching out feels like too much this week, skip it and put the time into your proof. |
Signal by day 30: A friend edits your CMS section using only your handover video, and one of the 5 people you showed it to replies.
Days 31–60: Applications
| Step | Time | Done when | Smaller version | If you need to pause |
|---|---|---|---|---|
| Turn your proof into a one-page case and CV line | about 8 hours | case + CV | CV line only. | Put it on hold while interviews take up your time, then come back to it. |
| Apply to 10 Framer/Webflow roles | about 5 hours | 10 logged | Apply to 5 roles. | Stop sending for now. Keep a list of who you've contacted so you can follow up later without doubling up. |
Signal by day 60: A screening call.
Days 61–90: Interviews for Framer/Webflow roles
| Step | Time | Done when | Smaller version | If you need to pause |
|---|---|---|---|---|
| Practise a 2-minute story of why you are moving | about 2 hours | 2 practice runs | 1 run. | Optional. Skip it if the week is full; nothing later depends on it. |
| Ask 3 former colleagues for referrals | about 2 hours | 3 asks | Just one instead of 3. | Stop sending for now. Keep a list of who you've contacted so you can follow up later without doubling up. |
Signal by day 90: A second round or a paid trial.
Other worries
Age, a career gap, no degree, English, family pressure and savings are covered on the route page and the role page.
One search that fits your background
The full set of search strings for this move is on the route page. These strings work on LinkedIn, Naukri and foundit; Instahyre and Cutshort are worth a weekly look too. Add your old job title to any of them with AND, so your searches surface roles that want both skills.
Job-hunt moves that matter for this route
- Show your live rebuild and handover video.
- Tell one story of a client change you shipped the same day.
- Look at agencies and startups that build marketing sites in Webflow or Framer.
Fake-job traps
Watch for 'developer internships' or 'live project training' that charge a registration, laptop or certificate fee, 'test tasks' that ask you to build a full product for free, and anyone asking for an OTP, UPI PIN, a deposit or remote access to your bank before you start. Real employers never charge you to hire you. Use official domains only. Report in India at cybercrime.gov.in or call 1930; in the US, ReportFraud.ftc.gov.
Back to UI Developer · About the Framer/Webflow Expert route · Development hub
Quick quiz: does this path fit?
Answer each, then press Check. Every answer explains itself.
Make your Path Card
A shareable reminder of where you're heading. The day count starts the first time you open this page; quest XP comes from your log above.
Scam check before you apply anywhere
- Real job and gig platforms are free to join. Never pay a "joining" or "training" fee.
- Never share an OTP or UPI PIN — no genuine employer needs them.
- Use official domains only; type the address yourself.
- India: report at cybercrime.gov.in or call 1930.
- US: report at ReportFraud.ftc.gov.
Small steps, every day.
Each quest has a smaller version for hard weeks, and a pause button. Nothing is lost.
Keep exploring
Sources
Checked 27 Oct 2026. We opened every link below ourselves. Search volumes on this site come from OpenSEO keyword research (Oct 2026).
| What we checked | Where |
|---|---|
| Webflow University (free courses) | university.webflow.com |
| Framer Help Center | framer.com |