Animating text to viral audio from @figma

The creator uses Adobe Illustrator to kinetically animate text synchronized to a humorous audio clip about being a 'mommy.' The video rapidly cuts between different text styles, warps, and emojis that visually represent the spoken dialogue, culminating in a specific 'variable width stroke' setting that designers jokingly refer to as the 'mommy' profile.

Creator: @figma on Instagram

Video format

Screen Recording

Video outline

  1. Sync visuals to dialogue
  2. Escalate creative variations
  3. Reveal software interface
  4. Execute key transformation
  5. End with visual punchline

Hook overview

Immediate kinetic typography that visually anchors the viewer to the audio dialogue.

Title hook

I'm a mommy!

Verbal hook

I'm a mommy.

Visual hook

Minimalist grey canvas with text 'I'm a mommy!' appearing and being interacted with by a cursor tool.

Hook strategies

  1. curiosity-open-loops

Payoff

The viewer learns a specific design technique (variable width strokes) while being entertained by the recontextualized audio.

Narrative framework

The Lip-Sync Feature Reveal

Narrative framework logic

Using a dialogue-heavy, trending audio clip as a rhythmic vehicle to demonstrate a specific technical skill or software feature, transforming a dry tutorial into an entertaining skit.

Narrative framework breakdown

  • frameworkName: The Lip-Sync Feature Reveal
  • frameworkType: Standard Narrative
  • coreLogic: Using a dialogue-heavy, trending audio clip as a rhythmic vehicle to demonstrate a specific technical skill or software feature, transforming a dry tutorial into an entertaining skit.
  • confidence: 95
  • pendingStatus: created

Topics: Graphic Design, Design, Comedy

Concepts: Q&A Response, Skit

Formats: Screen Recording

Elements: Motion Graphics, Screen Recording, Zoom-in Detail

Account types: Personal Brand

Transcript excerpt

I'm a mommy. Mommy? I'm a mom. Mamacita. No. I'm a mommy. A mom of what? A dog?

820,754 views