FROM ME THIS WEEK
Trying, learning, and adjusting
A cross-out failures, now and a hand heart.
As this year wraps up, I’ve been thinking less about wins and more about the paths that quietly shaped how I work. And most of them came from trying things that didn’t last.
I graduated as a Chinese Medical Doctor in 2018 and later pivoted into design in 2021. That shift came with a lot of failures. I struggled in corporate roles where my voice felt small. I tried remote work and felt isolated. I jumped into freelancing too early and learned how hard client communication can be.
None of those paths worked perfectly, but each one taught me something about how I want to work and grow.
My design carries a similar process: Start with something standard, then tweak it until it feels me. This week’s tutorial is one technique to help spice up your hero.
Let’s dive in.
LEARN DESIGN
Dynamic Typography Warping in Figma
Discover how to warp and skew text in Figma for dynamic typography.
Skewed Warp Text cover
🎁 Grab your starter file and follow along!
Video Tutorial is linked below.
Step 1 - Create the Base
Start with 2 text fields, then draw a rectangle:
Width – Take the widths of both words, average them.
Height – around 30% of width
This rectangle is the guide for text warping.
Setup the rectangle base.
Step 2 – Warp the First Text
Open the Warp plugin.
Pick the preset shown here
Angle: 15°
Select your first text.
You’ll see it bend into the shape instantly.
Text warping to the shape in plugin
Step 3 – Warp the Second Text
Select the rectangle again.
Choose the next preset
Angle: –15°
Select your second text → Create
Now both texts tilt upward.
Warp the second text in plugin.
Step 4 – Arrange and Adjust
Stack them vertically and adjust the spacing until it feels balanced.
Remove any strokes and group everything.
Clean up the text stack
Step 5 – Apply Depth
Wrap your group in a Frame
add Auto Layout padding (40).
Add a 4px stroke.
Open the Skew plugin and set Vertical Skew to –10°.
Apply skew to the text.
Step 6 – Tada!
✨ Result time.
Warp + Skew gives your text a dynamic, dimensional feel with almost no effort. It's perfect for headers, posters, or layouts that need personality.
Final result.
Watch on Youtube
Like and share the video.
Leave a comment if you got any questions!
WHAT’S COMING NEXT
3D live text shadow in Figma
3D Live Text Shadow teaser thumbnail
One last thing before I wrap up the year.
Next up is a new tutorial on 3D live text shadow. It’s a simple technique that makes typography feel dimensional. It looks advanced at first, but once you see the setup, it’s very practical to use in real projects.
This will be the last email you get from me this year. Thank you for learning, experimenting, and designing alongside me. I’ll see you in the new year with more ideas to try.
Bye 👋
Thanks for reading and spending a bit of your day with me.
If you want to keep up with more behind-the-scenes thoughts or small design notes I don’t always send by email, feel free to connect with me on LinkedIn.
Would love to have you there:
See you in the next email.
MengChi