Viral Hooks
Trending short videosCreator shows how she built an app.
C

@covacut

TikTok · Talking Head Edit

@covacut made in @figma ⋆.ೃ࿔.𖥔 link in bio <3 I’m so excited that I’ve been actually designing my home with this!! in wonder at the things we can build now #ad #figmamake

View original on TikTok

The edit1 shot · 11 text
Shots Text0:51

Performance

Views
6.8M
Likes
30.2K
Comments
72
Engagement
0.4%
Length · 30 Apr 2026
0:51

Video #49880 · Talking Head Edit

Creator shows how she built an app.from @covacut

[01]

Overview

The creator introduces a website she built to plan her room using a retro internet aesthetic. She then breaks down her creation process into three steps using Figma Make: 1) planning the layout and creating pixel art, 2) turning the design into a website, and 3) building a backend with Supabase to process images. She concludes by sharing her personal motivation for the project after living in dorms for years and asks for feedback.

[02]

Simple outline

  1. 1Showcase impressive creation
  2. 2Reveal step-by-step process
  3. 3Share the personal 'why'
  4. 4Request audience feedback

[03]

Related videos

[04]

Classification

Concepts
Tutorial / How ToOrigin StoryProduct Demo
Elements
Screen RecordingText OverlayRetro AestheticHandwritten Graphic OverlayJump CutB-Roll CutawayImage OverlayVoiceover

[05]

Hook analysis

What stops the scroll in the first 3 seconds

Title hook

made

Verbal hook

I made a website that turns furniture photos into old Internet graphics so I can plan my room.

Visual hook

A woman holds up a laptop displaying a colorful, stylized, animated room design, immediately establishing the video's creative and tech-focused theme.

[07]

Hook and payoff

The promise the opener makes, and how the video pays it back

Hook

Present a novel and aesthetically pleasing solution to a common, relatable problem, immediately establishing the creator's skill and the project's value.

Payoff

Present the final, fully-realized result of the project and directly ask the audience for their judgment or opinion, converting passive viewing into active engagement.

[08]

Narrative framework

The structural pattern this video runs on

Framework

The Creator's Journey

Demonstrating a creative solution to a personal problem by breaking down the creation process into simple steps, grounding it in an emotional story, and concluding with a call for audience validation.

  1. 1

    The 'Wow' Demo

    Showcase the finished product and its most impressive features to prove the concept's value and generate immediate intrigue before explaining the process.

  2. 2

    The Process Promise

    Explicitly state that a 'how-to' explanation is coming, setting a clear expectation for the viewer and transitioning from the 'what' to the 'how'.

  3. 3

    The Foundational Step

    Detail the first, most accessible part of the creation process, focusing on planning and aesthetics to ease the audience into the technical details.

  4. 4

    The Magic Transformation

    Demonstrate the key moment where the initial concept becomes a functional reality, often with the help of a specific tool or technique.

  5. 5

    The Technical Demystification

    Address the most complex or intimidating part of the process, breaking it down into simple terms and reframing it as achievable to empower the viewer.

  6. 6

    The Personal Motivation Reveal

    Shift from the technical process to the emotional 'why,' sharing a personal story or motivation that gives the project deeper meaning and builds a connection with the audience.

Themes

  • creativity
  • DIY
  • personal projects
  • nostalgia
  • technology

Techniques

  • voiceover
  • screen recording
  • montage editing

Trends

  • Web 1.0 aesthetic
  • devlog

Post caption

made in @figma ⋆.ೃ࿔.𖥔 link in bio <3 I’m so excited that I’ve been actually designing my home with this!! in wonder at the things we can build now #ad #figmamake

Text overlays

  • title · beginning

    made

  • contextual · beginning

    furniture

  • contextual · beginning

    internet graphics

  • contextual · beginning

    so I can

  • contextual · beginning

    plan my room.

  • informational · middle

    1. Plan

  • informational · middle

    2. Website

  • informational · middle

    3. Backend

  • branding · end

    Supabase.

  • call-to-action · end

    How did I do?~

  • branding · middle

    make

Transcript

I made a website that turns furniture photos into old Internet graphics no I can plan my room. It even shows what my room looks like at different times of the day. Here's how I built it using Figma Make. First, I mapped out the layout of the app and added my own pixel art. Lately, I've been so inspired by Web 1.0 art. Next, I copied and pasted my design into Figma Make, and it turned my design into a website. Finally, I made a bad end that processes photos to match the web one art style. I find people don't know that you can actually make a back end in a Figma. It's really simple. Just ask Figma Make to run you through the steps better connected to Supabase. And there we go. For four years, I've been living in dorm rooms, and I really wanted to make my first place of my own feel special. How did I do?

Creator shows how she built an app. | Viral Hooks