Hi friends,
I’m back with new tutorials — and some small wins to celebrate! 🎉
While I was away, my YouTube channel quietly crossed 100 subscribers. It’s a small milestone, but it means a lot.
There were moments when I doubted myself, but seeing this community grow reminds me why I do this. I’m grateful to keep learning and creating alongside you all.
To everyone who’s been here for a while — thank you for sticking around.
And if you’re new here, welcome! I’m MengChi.
Meng Design is where I share clear and digestible tutorials that help product designers build stronger design skills and achieve results
I promise to make learning design feel calm, confident, and achievable.
Now, let’s dive into this week’s tutorial: Torn Paper Effect.
LEARN DESIGN
Want to make your clean layout feel more tactile and human? Here’s how to create a Torn Paper Effect in Figma — no plugins, just layers and texture.
👇 It’s simpler than it looks.
The cover of torn paper effect
🎁 Grab your starter file and follow along!
Video Tutorial is linked below.
Step 1 - Mask with Paper Strips
🎨 Download the paper strips from Resource Boy or simply grab the starter file (I include part of them in the file.)
Mask the left side of your layout, leaving a bit of room for the white torn edge.
That space makes your reveal feel natural and clean.
Leave room for torn strip later.
Step 2 – Create the Torn Strip
Add an off-white rectangle and use another paper strip as a mask.
Flip or rotate it until it looks naturally imperfect — that subtle irregularity gives it character.
Use another strip to mask out the ripped part.
Step 3 – Add Depth
Add Blur and Shadows
Stack a few blurred circles (200 blur / 20% black fill) under the torn edge for depth.
Then apply a 10% black shadow with 4 blur to your layers — soft, tactile
Add soft shadow to the left frame and torn strip
Step 4 – Apply Texture
Grab a paper texture (also included in the starter file), place it over your left frame and the right imagery.
Pro tip: skip the white strip
Change paper texture blend mode to “multiply”
Step 5 – Tada!
And just like that — tactile and human.
✨ Complex results can be broken down into clear steps.
Final result.
Watch on Youtube
Like and share the video.
Leave a comment if you got any questions!
Thanks for reading!
If the design tips saved you time or gave you an idea, share this email to a friend who’d love it too. They can join here for free!
New here? Subscribe to get next week’s design shortcut
P.S. Got a design problem you’d like me to cover? Just hit reply — I read every message.