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
AND THESE
CREATE A SIMPLE MOCKUP
ADD YOUR DESIGN
YOU CAN CREATE MOCKUP FOR DESKTOP AND ADD YOUR WEB DESIGN
GROUP & ROTATE BY 45
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
TRY WITH OTHER SHAPES
Get 50+ Marketing Tools we use in Tegra π€
Follow the link π https://tegra.co/tools to get a list of ππ+ ππ«ππ (π¨π« ππ‘πππ©) π π«π¨π°ππ‘ π¦ππ«π€πππ’π§π ππ¨π¨π₯π¬ that we and other growth agencies use to scale businesses like yours + growth hacking insights.