Design skills, tools and career
Figma, Framer, 3D and layout fundamentals, plus the business side of design: pricing your work, adding income streams and running a small studio.
Tutorials and opinion for designers who build websites. The tool guides cover Figma auto layout and components, the plugins worth installing, Framer for people deciding whether to learn it, and 3D on the web with Spline. The craft pieces cover spacing, section design and the details that separate a competent layout from a good one.
The career pieces are the ones people ask about most on YouTube, where Arnau teaches Webflow, Framer and Figma to 80,000 followers: how to make more money as a designer, how to diversify income, and what running a small web design studio really involves. Teams that want that experience on tap can look at the Design Partner subscription.
Design guides
How To Use Figma Auto Layout →
Figma auto layout explained: how to set up responsive frames, control spacing and resizing, and design faster with components that adapt to their content.
How To Use Figma Components in 10 Minutes →
Figma components are essential building blocks for creating efficient and consistent designs, and mastering their use is crucial for any aspiring designer.
5+ Game Changing Figma Plugins →
Five essential plugins that will revolutionize your workflow and help you stay ahead in 2024
Should You Learn Framer? →
Framer has come up recently as a contender for your tool of use, but should you take the time to learn it?
How To Build A Framer Site in 9 Minutes →
Build a Framer site in nine minutes: a step-by-step walkthrough from blank canvas to a published page, with the shortcuts that make Framer so fast.
Top 4 Mind Blowing 3D Sites →
Four of the most impressive 3D websites on the web, what makes each one work, and how to bring the same techniques into Webflow with Spline.
12+ Website Section Designs For Inspiration →
Today, we're taking a look at 19 different sections that are all extremely powerful and you can steal all of these for your own designs.
Mastering Spacing in Web Design for Readability →
At the heart of every standout website are two fundamental elements: impactful imagery and compelling copy.
7 Ways To Make More Money As A Designer →
We'll explore key strategies that can help you make more money in your agency or as a freelancer.
Diversifying Income Streams as a Designer →
How designers build multiple income streams: templates, courses, retainers, products and content, with the trade-offs of each and where to start.
10+ Golden Tips for Elevating Your Design Career →
Ten practical tips for growing a design career: set clear objectives, build a portfolio that sells, learn the business side and keep your skills current.
Secrets to Running a Successful Web Design Agency →
Sharing some of the learnings of freelancing that led me to create my own agency, Macu.Studio
Top 5 Notion Templates for Web Designers →
Having the right Notion template can significantly elevate your freelancing or agency game.
Design Partner subscription →
Unlimited Figma, Webflow and Framer requests from one senior designer, $4,990/month.
Figma design service →
Interfaces, design systems and prototypes in Figma, ready for Webflow.