@figma
Instagram · Speaker address
@figma Brat and It’s Completely Config but Also Still Brent Freaney from Special Offer
Trending short videosDesigner explains simple Figma process
The edit1 shot · 1 text
Shots Text
Performance
- Views
- 835K
- Likes
- 36K
- Comments
- 180
- Engagement
- 4.3%
- Outlier
- 31.1×
Video #35033 · Speaker address
Designer explains simple Figma processfrom @figma
[01]
Overview
A speaker on a conference stage humorously recounts and demonstrates the surprisingly simple process of designing the album cover for Charli XCX's 'Brat.' He shows his screen in Figma, explaining how he created a large green square, typed the word 'brat,' and exported the file, revealing an unconventional workflow that elicits laughter and applause from the audience.
[02]
Simple outline
- 1State flawed creative premise
- 2Show chaotic design process
- 3Assess intermediate progress
- 4Reveal iconic final result
[03]
Related videos
118.7K17.5×Hands-on graphic design process montage@lt.designz · Process
764.7K5.2×Animated five-step graphic design guide@chromas.lab · Tutorial / How To
54.3KCreator shows app building process@designmoresteph · Tutorial / How To
146.3K4.2×Rapid fire graphic design tips@fakeplasticbrands · Rapid Fire Listicle
5.3M17.8×Before and after design fixes@createwithalena · Good vs Bad
718.7K1.3×Showing process of making website@bykatiemai · Value Vlog
1.7M32.8×Creator applies to design artist's merch@kweinbydesign · Hypothetical Case Study
2.4M3×Creative process for F1 apparel@kweinbydesign · Hypothetical Case Study
59.3K10.4×Designer illustrates poster start to finish@thelogolassie · Process
702K12.7×Designer creates 3D website concept@marcelodesignx · Process
858.2KExplaining logo system with examples@designwithnabi · Tutorial / How To
3.9M6.7×Before and after design fixes@createwithalena · Rapid Fire Listicle[04]
Classification
Format
Concepts
Elements
Account
[05]
Hook analysis
What stops the scroll in the first 3 seconds
Title hook · 65%
wdym brat was designed in Figma??
Verbal hook · 20%
at 12,000 people.
Visual hook · 15%
A wide shot of a large conference hall bathed in dramatic green lighting, showing a speaker on a large screen and the backs of the audience members' heads, establishing a large-scale, professional event.
[06]
Hook template
Steal this for your own video
wdym was made in ??
- — wdym the Super Bowl logo was made in PowerPoint??
- — wdym that viral $10M pitch deck was made in Canva??
- — wdym the most-streamed album cover was made in Google Slides??
[07]
Hook and payoff
The promise the opener makes, and how the video pays it back
Hook
An on-screen text hook that poses an incredulous question, juxtaposing a well-known cultural artifact with a mundane or unexpected creation method to generate immediate curiosity.
Payoff
The final, iconic result is revealed, delivering a satisfying payoff as the audience connects the chaotic, relatable process with the polished, well-known outcome, followed by audience applause to validate the success.
[08]
Narrative framework
The structural pattern this video runs on
Framework
The Chaotic Genius Blueprint
Demystifying an impressive outcome by revealing the surprisingly messy, relatable, and humorous process behind its creation, creating a satisfying contrast between the journey and the destination.
- 1
The Comedic Miscalculation
The creator begins by sharing a flawed technical assumption or humorous error in judgment that informed a key part of the process, immediately establishing a relatable and self-deprecating tone.
- 2
The Improvised Workflow
The creator demonstrates a messy, unconventional, or unpolished method for executing the work, such as fumbling through poorly named files, which contrasts with the expected professionalism of the final result.
- 3
The 'Getting Warmer' Checkpoint
A brief pause in the action where the creator assesses an intermediate version of the work and confirms it's moving in the right direction, building anticipation for the final outcome.
- 4
The Mundane-but-Crucial Action
The creator performs a simple, necessary technical step (e.g., exporting the file), which grounds the creative process and serves as a final beat before the reveal.
Themes
Techniques
Post caption
Brat and It’s Completely Config but Also Still Brent Freaney from Special Offer
Text overlays
contextual · throughout
wdym brat was designed in Figma??
Transcript
At 12,000 people. Because I thought, that sounds right. Find tier 12 inches. We'll just choose see, screen and shots. I'm like, okay. That's getting closer. And I exported it. It's worth it to 12,000. Exports. It was probably named screenshot twenty twenty four also. Desktop. Let's see. Let's see if I did this right. Hurry up.