WE CREATE BRANDS PEOPLE L♥VE
Share

How to Create Isometric Mockups in Figma


Tegra - March 13, 2020 - 0 comments

How to Create Isometric Mockups in Figma

How to Create Isometric Mockups in Figma 🧐

Courtesy of @alexunderhess.design

Hey friends,

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 😯

Stay tuned.

TODAY YOU WILL LEARN HOW TO CREATE THESE MOCKUPS

TODAY YOU WILL LEARN HOW TO CREATE THESE MOCKUPS

AND THESE

AND THESE

CREATE A SIMPLE MOCKUP

CREATE A SIMPLE MOCKUP

ADD YOUR DESIGN  YOUR CAN CREATE MOCKUP FOR DESKTOP AND ADD YOUR WEBDESIGN

ADD YOUR DESIGN

YOU CAN CREATE MOCKUP FOR DESKTOP AND ADD YOUR WEB DESIGN

GROUP & ROTATE BY 45

GROUP & ROTATE BY 45

GROUP AGAIN

GROUP AGAIN

SET HEIGHT TO 57.73%  PLAY WITH INNER 
Blur 30 
X -5 
Y -20 
Opacity 20% 
Color 3754M  AND DROP SHADOW 
Blur 80 
X 0 
Y 200 
Opacity 15% 
Color 3754AA

SET HEIGHT TO 57.73%

PLAY WITH INNER
Blur 30
X -5
Y -20
Opacity 20%
Color 3754M

AND DROP SHADOW
Blur 80
X 0
Y 200
Opacity 15%
Color 3754AA

TRY WITH OTHER SHAPES

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.

Be free to send us any feedback by reply or reach us in DM on Instagram
Do you want to receive insights using FB Messenger or Telegram or Email? 👈 Subscribe now.

Related posts

Leave a Reply