I tried the most overlooked design tool! (It’s free)
1.7K views · 2026-02-27
Visual & GraphicUI Design
Get 1 free month of Framer Pro: https://framer.link/Charley
Use Code ‘CHARLEY’ at checkout to redeem.
I designed this entire badge inside my browser using a free tool most designers overlook. Most people hear Framer and think website builder. But it’s way more than that.
In this video, I create a custom badge from scratch using Framer’s built-in vector tools — no Photoshop, no Illustrator, no downloads. Just open your browser and start designing.
I cover:
* Setting up frames (artboards)
* Working with layers
* Subtracting and merging shapes
* Creating custom banner forms
* Adding strokes and spacing
* Building arc text layouts
* Using vectors and icons to finish the design
Everything happens inside Framer. It’s fast, simple, and more powerful than most expect.
Would you design in your browser? Let me know.
Oh btw...they also have a desktop app!
➤ Let's Connect:
Instagram: https://www.instagram.com/CharleyPangus
X: https://www.twitter.com/charleypangusx
Tiktok: https://www.tiktok.com/@charleypangus
Design Resources: https://www.charleypangus.com
My Gear (Affiliate Links):
✅ Camera – https://amzn.to/4kBoaxt
✅ Vlog Lens – https://amzn.to/3HfvCQu
✅ Main Mic – https://amzn.to/3SSVd4i
✅ Wireless Mics – https://amzn.to/3ZCTIea
✅ Action Cam – https://amzn.to/4kyVPI1
✅ Monitor – https://amzn.to/3SVfp5v
✅ Batteries – https://amzn.to/4kDbl5Q
Use Code ‘CHARLEY’ at checkout to redeem.
I designed this entire badge inside my browser using a free tool most designers overlook. Most people hear Framer and think website builder. But it’s way more than that.
In this video, I create a custom badge from scratch using Framer’s built-in vector tools — no Photoshop, no Illustrator, no downloads. Just open your browser and start designing.
I cover:
* Setting up frames (artboards)
* Working with layers
* Subtracting and merging shapes
* Creating custom banner forms
* Adding strokes and spacing
* Building arc text layouts
* Using vectors and icons to finish the design
Everything happens inside Framer. It’s fast, simple, and more powerful than most expect.
Would you design in your browser? Let me know.
Oh btw...they also have a desktop app!
➤ Let's Connect:
Instagram: https://www.instagram.com/CharleyPangus
X: https://www.twitter.com/charleypangusx
Tiktok: https://www.tiktok.com/@charleypangus
Design Resources: https://www.charleypangus.com
My Gear (Affiliate Links):
✅ Camera – https://amzn.to/4kBoaxt
✅ Vlog Lens – https://amzn.to/3HfvCQu
✅ Main Mic – https://amzn.to/3SSVd4i
✅ Wireless Mics – https://amzn.to/3ZCTIea
✅ Action Cam – https://amzn.to/4kyVPI1
✅ Monitor – https://amzn.to/3SVfp5v
✅ Batteries – https://amzn.to/4kDbl5Q