PROJECT NAME
Framer projects: Figma to Framer
ROLE
Freelance UI/UX designer
TOOLS USED
Figma & Framer
Project 1: Figma to Framer | Fashion Editorial Carousel
A Framer project exploring an immersive image carousel and interactive motion for a fashion-focused editorial website.
Designed in Figma → built in Framer.
What I explored
Immersive image carousel interaction
Smooth transitions and motion
Responsive behaviour across screen sizes
Editorial-style image presentation
Creating an engaging browsing experience
Bringing a Figma concept to life with Framer
Project 2: Figma to Framer | Pet Product Website
I completed a Framer development course, where I built this fully responsive website from a Figma design and brought the design to life in Framer.
What I built
Configurable components using variables, making content easy to update
CMS collections for structured content
Responsive layouts and navigation
Interactions and animations
Reusable components and a structured design system
SEO and accessibility considerations, including semantic HTML, heading structure and accessibility labels
This project gave me hands-on experience taking a design from Figma → Framer, while thinking beyond visual design and considering responsiveness, usability, accessibility and maintainability.
I’m now looking to bring these skills into real projects, from landing pages and marketing websites to full Figma → Framer builds.
