How to Create Isometric Mockups in Figma 🧐
Courtesy of @alexunderhess.design
Today you will learn how to create isometric mockups 🔍
This time in Figma.
I tried other tools, but couldn’t do it as easy as in Figma.
However, I will show you other techniques for Adobe XD, Sketch and Studio as well in future posts.
It looks simple but can be hard for the first time 😯
TODAY YOU WILL LEARN HOW TO CREATE THESE MOCKUPS
CREATE A SIMPLE MOCKUP
ADD YOUR DESIGN
YOU CAN CREATE MOCKUP FOR DESKTOP AND ADD YOUR WEB DESIGN
GROUP & ROTATE BY 45
SET HEIGHT TO 57.73%
PLAY WITH INNER
AND DROP SHADOW
TRY WITH OTHER SHAPES
Bonus — tools that may be useful in your designer way:
Webflow — all-in-one web design tool that allows users to design, build, and launch responsive websites visually.
Funnelytics — an incredible tool that helps you build the best marketing funnel mapping.
Crello — the simplest online image editor. A simple but powerful tool to create awesome designs for any social media format — posts, covers, graphics, and posters using the best software on the web. It’s easy! A lot of animated designs.
Designmodo – a timesaving tool that helps create websites and email builders designed for developers, designers, marketers, and non-tech users.
Flowkit — allows designers to create frighteningly fast user flows within Sketch and Figma.