What Is Frontend Mentor and Who Is It For?

Frontend Mentor is a project-based learning platform where you build frontend and full-stack projects from professional Figma designs and written briefs, then submit them for AI code review and community feedback. It suits self-taught developers and career changers who already know some HTML, CSS, and JavaScript and want portfolio work that resembles real production tasks, rather than another tutorial series. The platform describes itself as free to start, with a paid Pro tier; the site does not publish Pro pricing on the pages reviewed here, so check the Pro page before committing.

What you actually do on the platform

The workflow is a four-step loop:

1. Choose a challenge. The library holds 120+ projects across five difficulty levels. Some are design-to-code builds where you match a Figma file; others are product challenges where you make the design decisions yourself.
2. Build it in any stack. The platform does not lock you to a framework. The site suggests hand-coding early levels to lock in fundamentals, then practicing directing AI on advanced and full-stack builds.
3. Submit for review. Every solution can receive an AI code review with line-level findings scored against the brief's requirements. Each review feeds a skills profile that shows your strengths over time.
4. Review others and level up. You can read community reviews of your code and review other developers' submissions, which the site frames as both skill practice and networking.

Free vs. Pro: the one difference the site states clearly

The site's own wording is that "free members get one review a month" and Pro unlocks "a review on every submission." Everything else in the marketing copy — the 120+ challenges, the community, the portfolio framing — is presented as part of the core experience. Pricing and payment details for Pro are not given in the material reviewed, so treat cost as something to verify on the Pro page.

Who it fits

• Self-taught developers stuck in tutorial loops. The pitch is explicitly "stop watching tutorials and start building." If you can finish a course but freeze when handed a blank file, the design-plus-brief format removes the "what should I build" problem.
• People building a job-search portfolio. Finished challenges are meant to be portfolio pieces; the site cites recruiters saying such projects stand out in interviews. That is the platform's claim, not an independently verified outcome.
• Learners who want feedback, not just a grade. Line-level review against a brief's requirements is more specific than a pass/fail checker, though one review a month on the free tier limits how much of that feedback you get.
• Developers practicing AI-assisted work. The site positions prompting, debugging with AI, and judging whether AI output is shippable as a core skill, and builds it into the advanced challenges.

Who should look elsewhere

• Complete beginners. The challenges assume working knowledge of HTML, CSS, and JavaScript; there is no structured curriculum teaching syntax from zero.
• People who want a certificate or guided course path. This is a practice-and-feedback environment, not a credentialed program.
• Anyone who needs frequent review feedback without paying. At one AI review per month, free users get a thin feedback loop; community reviews exist but depend on others' time.

A realistic first session

Pick one Newbie-level challenge, download the Figma file and brief, and build the page with plain HTML and CSS. Submit it and read the AI review's line-level findings against the brief — that gap list is the actual lesson. If you find yourself wanting that feedback on every project, that is the signal to evaluate Pro; if monthly feedback is enough, the free tier covers the full build-and-submit cycle.