How to Design Minimalistic Clay Mockups. Part 1. Front 🔸
Courtesy of @alexunderhess.design
Today I would like to share with you an easy way to create a device mockup in any UI tool ✊
This mockup was created in Figma, but feel free to use what you use.
The idea is the same as in my previous post: add inner shadow and play with radius, colors, sizes ✔
In the next post, I want to show a POWERFUL technique of how to create isometric shapes in Figma.
DO YOU WANT TO LEARN HOW TO CREATE MINIMAL CLAY MOCKUPS? IN ANY TOOL
START WITH SHAPE
RECTANGLE WITH ROUNDED CORNERS
ADD INNER SHADOW
ADD YOUR DESIGN
DUPLICATE FIRST SHAPE
ADD LAYER BLUR
ADD, ROTATE AND PLAY
Bonus — 4 tools that may be useful in your designer way:
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.
Funnelytics — an incredible tool that helps you build the best marketing funnel mapping.
Flowkit — allows designers to create frighteningly fast user flows within Sketch and Figma.
Webflow — all-in-one web design tool that allows users to design, build, and launch responsive websites visually.