normalizing

@designteamofone

42.5K followers · usually 7.5K views a post

Views

29.6K

Likes

1.6K

Comments

11

Shares

64

SoundTikTok sound · original sound - designteamofone

Promoted product

Framerframer.com

Go from idea to launch with an agent that designs and builds on the canvas. Keep each change editable, with hosting, security, analytics, CMS, and SEO built in.

21 videos10 creators

Why it worked

The video provides a practical, step-by-step guide to learning a complex tool (Framer) by reverse-engineering existing templates. This 'learn by doing' approach, presented as a 'final boss' challenge, is engaging and offers tangible value to aspiring web designers.

Summary

This video demonstrates a method for learning Framer, a website builder. It suggests going to the Framer marketplace, choosing a template, understanding its elements, and then recreating it from scratch without copy-pasting.

Structure

1Introduce the topic: normalizing learning Framer
2Navigate to Framer marketplace
3Choose a template

Original caption

the power of reverse engineering @Framer #framer #webdesigner #webdesign #webflow #websitebuilder #nocode #webdesigntips inspo: hamza ehsan 🫡 who also has a library of framer templates hxmzaehsan.com

More from @designteamofone

Product placement

Framer: ACTS - it is a website builder, and the video demonstrates how to use it to create a website. Removing it would change what happens in the video. hamzaehsan.com: APPEARS - it is a URL mentioned in the caption as a source of inspiration and templates, but not directly used or interacted with in the video. Removing it would not change what happens in the video.

On-screen text

normalizing the best way to learn framer that no one talks about go to framer > marketplace (1) choose a template (2) try to understand each element setting by setting (3) tweak things and see what changes (final boss) recreate it from scratch *no copy + paste