FROM ME THIS WEEK
A Travel Reflection During the Holidays
Trip to Alaska, photo credits: my husband ❤️
Traveling always resets my brain. Earlier this year, I took a cruise to Alaska. The views were incredible, but what surprised me was the ship itself. With 3,000 guests onboard, it felt like a tiny American community. People greeted strangers, chatted in line, and turned simple coffee orders into jokes. That everyday friendliness stayed with me.
As the holidays get closer, I find myself thinking more about places I want to go and trips I want to plan with people I care about.
Speaking of traveling around the world, this week’s tutorial turns a world map into a clean dotted pattern in Figma, then adds perspective so it feels like it wraps around a globe.
Ok, let’s get into it then.
LEARN DESIGN
Perspective Dotted World Map in Figma
Design a dotted world map in Figma with a 3D globe effect using plugins.
Perspective Dotted World Map cover
🎁 Grab your starter file and follow along!
Video Tutorial is linked below.
Step 1 - Get a world map
You can grab one from a stock site or generate it with Figma AI.
A world map.
Step 2 – Arc the Map
Open Photopea Plugin
Set a bigger canvas, e.g. 3000×3000
Use Perspective tool to create a funnel shape, then stretch horizontally
Switch to Warp tool to bend it into an arc
Crop tightly and export
Crop the map in Photopea
Step 3 – Turn it into Dots
Open Dotted pattern generator plugin.
Drop in your curved map and adjust:
Dot size → 5
Shape → circle
Output height → 800
Spacing → 5
Adjust settings in the plugin.
Step 4 – Horizontal perspective
Group and flatten your dots.
Scale the height to around 1200.
Open Skew Corner Pin plugin:
Pull the top two pins inward
around 550 height.
Adjust the angle in the plugin
Step 5 – Recolor & finish
Duplicate the dotted map
Remove the fill
Add a 50% white overlay
Mask both layers together.
Mask to change color.
Step 6 – Tada!
✨ Result time.
You now have a clean, perspective-wrapped dotted world map. This effect works beautifully for:
SaaS landing pages
“global network” visuals
Data-themed hero sections
Product dashboards
Anyone can try this — it’s just dots + perspective.
Final result.
Watch on Youtube
Like and share the video.
Leave a comment if you got any questions!
WHAT’S COMING NEXT
Dynamic Typography Warping in Figma
Skewed Warp Text teaser thumbnail
Next week, we’re giving type more attitude.
I’ve been exploring with text effects in Figma lately, and text warping is one of those effects that looks bold but is easier than you’d expect.
If your typography ever feels too safe in hero sections, this is a fun way to add personality. I am sure you’ll love this technique.
Looking forward to sharing this one ❤️.
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