Practice frontend with real-world design files
Introduction
Frontend Mentor gives you real design files to practice frontend: take a Figma design and requirements brief, build the responsive page on your own, then compare with community solutions. It bridges the gap between 'tutorials done, own projects failed' — and builds portfolio pieces along the way.
Key Features
- Real design-file challenges
- Figma sources with briefs
- Difficulty tiers (newbie to guru)
- Community solution comparison
- Portfolio material accumulation
Pros
- The best bridge over the practice gap
- Deliverables feed your portfolio
Cons
- Advanced challenges are paid
Pricing
Rich free challenges; PRO unlocks all files.（See official site for current pricing）
FAQ
Beginner friendly?
Yes — Newbie-tier challenges come with guidance.
Tech stack?
Any — plain HTML/CSS to React/Vue.
Feedback?
Yes, community and Discord peer reviews.
Related Sites
Collected on lucifer.city · Reviewed by the founder