2/5 slots open for November

I design the interface, then build it in code so nothing gets lost.

no handoff, no drift

Product interfaces, design systems and motion, designed in Figma and shipped as accessible React.

Shipped with teams at

Lumen

Fieldnote

NORTHWIND

halcyon

Parcel.

From the pixels to the pull request.

Seven years across product design, front-end and design systems.

2024–Now

Independent Design Engineer

Contract for 9 product teams

  • Designed and shipped design systems, marketing sites and product UI for Seed to Series C teams.

  • Every component ships with tokens, Storybook docs and an accessibility check.

  • Teams keep the Figma library and the code in sync long after I leave.

2021–2024

Design Engineer

Lumen, Series B

  • Rebuilt the Lumen design system: 140 components and one token pipeline from Figma to code.

  • Cut Figma-to-production time from three weeks to three days.

  • Led the motion language across web and mobile, now used by 40 engineers.

2019–2021

Front-end Developer

Fieldnote

  • Built the marketing site and onboarding flow in React and Motion.

  • Raised the Lighthouse performance score from 54 to 98.

2018–2019

Product Designer

Studio Kiln

  • Designed apps and identities for twelve clients, then started prototyping them in code.

  • Learned React to stop losing details in handoff, which is where all this started.

Certs and schooling

2024

Web Accessibility Specialist

IAAP

2023

Framer Expert

Framer

2018

B.Des. Interaction Design

Design Academy Eindhoven

Toolkit

Design

Design

Figma

Framer

Build

Build

React

TypeScript

Tailwind

Motion

Motion

M

Motion

Rive

Ship

Ship

Storybook

Kind words.

Recommendations from managers, clients and teammates, all on LinkedIn.

Noor was the first designer I’ve worked with who closed the gap between Figma and production on their own. Our design system went from a source of arguments to the thing every squad builds on. Any product team would be lucky to have Noor.

Noor was the first designer I’ve worked with who closed the gap between Figma and production on their own. Our design system went from a source of arguments to the thing every squad builds on. Any product team would be lucky to have Noor.

Noor was the first designer I’ve worked with who closed the gap between Figma and production on their own. Our design system went from a source of arguments to the thing every squad builds on. Any product team would be lucky to have Noor.

Priya Raman

VP Product at Lumen

We went from a template site to something people screenshot and share. Noor designed it, built it and then taught our marketing team to run it. Signups jumped the month it launched.

We went from a template site to something people screenshot and share. Noor designed it, built it and then taught our marketing team to run it. Signups jumped the month it launched.

We went from a template site to something people screenshot and share. Noor designed it, built it and then taught our marketing team to run it. Signups jumped the month it launched.

Marcus Hale

Founder and CEO at Fieldnote

A rare mix of taste and engineering discipline. Noor’s components came with tests, docs and accessibility already done, and the motion tokens finally gave us one way to animate across web and app.

A rare mix of taste and engineering discipline. Noor’s components came with tests, docs and accessibility already done, and the motion tokens finally gave us one way to animate across web and app.

A rare mix of taste and engineering discipline. Noor’s components came with tests, docs and accessibility already done, and the motion tokens finally gave us one way to animate across web and app.

Dana Whitfield

Engineering Manager at Lumen

Noor’s prototypes end design debates. Instead of arguing over a static mockup, we’d play with the real thing in the browser by the afternoon. It changed how our whole team works.

Noor’s prototypes end design debates. Instead of arguing over a static mockup, we’d play with the real thing in the browser by the afternoon. It changed how our whole team works.

Noor’s prototypes end design debates. Instead of arguing over a static mockup, we’d play with the real thing in the browser by the afternoon. It changed how our whole team works.

Arjun Mehta

Head of Design at Brightloop

01 / 04

P.S.

If your Figma file and your product have drifted apart, let’s fix that.

Twenty minutes, no deck. Bring a screen you’re stuck on and I’ll tell you how I’d design and build it, even if we never work together.

© 2026 Noor Avila. Designed in Figma, built in Framer.

Back to top

Create a free website with Framer, the website builder loved by startups, designers and agencies.