Common Actions
Design Tips
Category
Currents
Category
Interactions
Category
Illustrations
Category
Resources
Category
Education
Category
Tools
Category
4 EASY Figma Animations for Beginners
Design Tips
4 EASY Figma Animations for Beginners
Design Tips

A quick and detailed tutorial on how to create animations for beginners.

Hyperrealism as a UI Design Trend 2024
Resources

Hyperrealism is a UX/UI trend where we make digital stuff look super real.The goal here is to create immersive and engaging user experiences.

How to Become a VR or AR Developer
Design Tips

10+ tips on how to become a VR or AR Developer based on series of Interviews carried out.

How to Tame a Wild Rag
Design Tips

What a Wild  Rag in UI/UX design means and how to make the appropriate choice  for the alignment that works for a particular design.

How to create Neon Effect In Figma
Design Tips

A detailed tutorial on how to create Neon Effect in Figma

How to create a more complete registration and login
Design Tips

A simple and effective registration or login process will make more users complete it.

How to build customer trust and increase landing page conversions
Education

Building users trust aims to convince them that our service or product is famous, valued and reliable.

How to create stunning onboarding screens

Onboarding screens are responsible for presenting to the user the most important functions or aspects of the product

How to create spacing in UI/UX
Education

A quick guide to spacing in UI/UX

Rules of clean design
Design Tips
Figma Mobile App Design Tutorial
Resources

Designing a job listing app in Figma.

Header Navigation Tutorial
Resources

A tutorial on how to design header navigation in Figma.

How to Create an Image Carousel Animation In Figma
Education

This Figma tutorial helps you design an image carousel that can be used by both beginners and expert Figma users.

Parallax Scroll Animation
Resources

This is a complete tutorial that helps you design Parallax Scrolling websites.

How to Make Responsive Website Design in Figma
Education

How to make your web design responsive in Figma using Auto Layout Wrap and Constraints.

Tree Menu Animation in Figma
Resources

How to create a Tree Menu Animation in Figma using interactive components and auto layout. This complete tutorial helps you design a Tree menu navigation animation in Figma.

UI Design Trend 01 | Hyperrealism | Landing Page Design
Resources

Hyperrealism is a UX/UI trend where we make digital stuff look super real. By using fancy tech like photorealistic rendering and 3D models, we give users the feeling they're using the actual objects. The goal here is to create immersive and engaging user experiences.

Framer Card Overlap Tutorial
Resources

 How to make a card overlap scrolling effect in Framer in under 5 minutes, without writing zero lines of code and will only need to use two things in Framer to get it done.

How to Create Full Page Website Scroll Animation in Figma
Design Tips

This is a beginner friendly tutorial on how to animate a webpage while scrolling in Figma.

How to use Intertwine tool in Adobe Illustrator
Tools

 A tutorial on how to use Intertwine tool in Adobe Illustrator.

How to Design Login form
Education

In this tutorial you'll learn how to design a Login form that will take your designs to the next level in a few easy steps.

Principles of a Design System
Education

 Explanation in carousel is collected from Vue design system which  sounds like the one of the most logical presentation of the basic design system principles.

How to master Grids in UI
Design Tips

The following are covered in this resource:
1. Basics
2. 8pt grid
3. 8pt vs 5 pt
4. Column grid
5. Row grid
6. Standard grid for web
7. Standard grid for mobile
8. Soft vs hard grid

How to create bento grid in figma
Education

Easily create bento grid in figma

How to make shapes from lines in adobe illustrator
Education

You will learn how to make shapes from lines in this video.

Oops! No results found
Please make sure your words are spelt correctly.
Search for designs, illustrations, books instead?
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Sign in
Sign up
All
Design Tips
Resources
Education
Tools
Illustrations
Currents
Interactions
Create an accountAlready have an account? Sign in
Your Name
View Profile
Saved Whiz
Logout
Welcome
Please enter your details.
Continue with Google
New here? Sign up
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Welcome
Please enter your details.
Continue with Google
Already have an account? Sign in
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
HomeDesign TipsSkeumorphic Style in Figma

Skeumorphic Style in Figma

byPG Gonni
Share
No items found.
No items found.
01 / 00

Add a skeumorphic touch to your designs in a single click

Tags
UI/UX Design
Product Design
Mobile website design
How-To's
Author
PG Gonni
Source
Link
Featured
May 8, 2024
More like this
Design Tips
Youtube
4 EASY Figma Animations for Beginners
Design Tips
Youtube
How to Become a VR or AR Developer
Design Tips
IG Post or Carousel
How to Tame a Wild Rag
Design Tips
Blog Posts/Article
How to create Neon Effect In Figma
Design Tips
IG Post or Carousel
How to create a more complete registration and login
Design Tips
IG Post or Carousel
Rules of clean design
Design Tips
Youtube
How to Create Full Page Website Scroll Animation in Figma
Design Tips
Blog Posts/Article
How to master Grids in UI
Design Tips
IG video
How to create background animation in figma
Design Tips
IG video
Design hacks to improve your designs
Design Tips
IG video
Skeumorphic Style in Figma
Design Tips
Youtube
How to Maximize your UX Portfolio
Design Tips
Youtube
Smooth Loading Transitions with Framer Motion |
Design Tips
Youtube
Master Figma Mobile App Design
Design Tips
IG Post or Carousel
how to not suck at colors
Design Tips
IG Post or Carousel
How to design better text inputs & forms
Design Tips
Youtube
How To Get The Perfect Spacing In Web Design
Design Tips
Youtube
The secret Spacing Framework You Need
Design Tips
Youtube
Perfect Responsive Grid Systems Masterclass
Design Tips
Youtube
Giving your FLAT Designs some DEPTH
Design Tips
IG Post or Carousel
Why do you need to print in CMYK
Design Tips
Youtube
6 Advanced UI Design Tips
Design Tips
Youtube
4 Foundational UI Design Principles
Design Tips
Youtube
5 Tricks For Epic Hero Animations
Design Tips
Youtube
Build a Responsive Bento Box Layout in Webflow
Design Tips
Youtube
Figma's new multi edit tool
Design Tips
Youtube
Add patterns to your designs in Figma
Design Tips
Youtube
Ways to improve your UX design
Design Tips
Youtube
How to create the rolling text animation in Framer
Design Tips
Youtube
How to create Framer Parallax Trick; loop & scroll speed
Design Tips
Youtube
How to make a responsive 3D illustration for Web
Design Tips
Youtube
How to integrate 3D into Webflow with Spline Scene
Design Tips
Youtube
How to create 3D Scroll Interactions in Webflow
Design Tips
Youtube
From Figma To 3D Website Using Framer & Spline
Design Tips
Youtube
Handing off designs to software engineers using flows and annotations
Design Tips
Youtube
Do's and Dont's of UI Design
Design Tips
Youtube
Creating typography system in Figma
Design Tips
Youtube
The Perfect Spacing Framework in UI Design
Design Tips
Youtube
How to pick the right colors for your website or app
Design Tips
Youtube
Master Figma Auto Layout the easy way
Design Tips
Youtube
master Figma Components in 10 Minutes
Design Tips
Youtube
Design System in Figma: Typography Styles
Design Tips
Youtube
Logo Design - Using adobe illustrator
Design Tips
Youtube
How to Design a Logo From Scratch using adobe illustrator
Design Tips
Youtube
Easiest way to generate color palette in Figma
Design Tips
Youtube
How to create 3D carousels in figma using smart animate
Design Tips
Youtube
Master Responsive Grids (Rows & Columns) in Figma
Design Tips
Youtube
How to select the best frame sizes in figma
Design Tips
Youtube
How to move design system to another file without breaking everything in Figma
Design Tips
Youtube
The right Way to Use Figma Component Properties
Design Tips
Youtube
How to make UI color palettes
Design Tips
Youtube
5 Tips to improve your UI Designs
Design Tips
Youtube
How to use Sticky scroll when prototyping in figma
Design Tips
Youtube
how to create custom typography effect using photo manipulation in Canva Pro
Design Tips
Youtube
How to Use the Pen Tool in Adobe Illustrator
Design Tips
IG Post or Carousel
How to create color styles manually
Design Tips
IG Post or Carousel
How to make Gum Shapes in Figma
Design Tips
IG Post or Carousel
The power of red in UI design
Design Tips
IG Post or Carousel
8 Rules for Perfect Tab Design⁣⁣
Design Tips
Youtube
8 tips for designing a website
Design Tips
Youtube
Master Figma variables in 7 minutes
Design Tips
Youtube
Figma Auto Layout Tutorial
Design Tips
Youtube
10 Brand Identity Design Elements For Strategic Branding
Design Tips
Youtube
Landing Page Design Explained (in 5 minutes)
Design Tips
IG Post or Carousel
How to create mesh gradient
Design Tips
IG Post or Carousel
Tips On Icons in Interface Design
Design Tips
IG Post or Carousel
Your UI Design Sucks!
Design Tips
IG Post or Carousel
Step-By-Step Guide to create color variables in figma
Design Tips
IG Post or Carousel
Design Better Profile Menu
Design Tips
IG Post or Carousel
6 Steps Creating A Great Design
Design Tips
IG video
Hover Animation. Figma to Framer
Design Tips
IG Post or Carousel
Basic terms you should know in UX design
Design Tips
IG Post or Carousel
Spline tutorial - Create 3D keys for keyboard
Design Tips
IG Post or Carousel
Dashboard Design
Design Tips
IG Post or Carousel
A 60-second crash course on quick thinking for designers
Design Tips
IG Post or Carousel
How to Design Typography System for UI Design! ⠀
Design Tips
IG Post or Carousel
end to end audit: Webflow's re-brand.
Design Tips
IG Post or Carousel
How to use 4pt Grid System in UI Design
Design Tips
IG video
Document your design projects
Design Tips
IG Post or Carousel
How To Design Grids & Artboards
Design Tips
IG Post or Carousel
A quick guide to the blob brush in Adobe Illustrator
Design Tips
IG Post or Carousel
Figma 101: Figma's renaming workflow hack
Design Tips
IG Post or Carousel
7 Awesome Tips How to Design Better Apps
Design Tips
IG Post or Carousel
Typography Principles UI Designers Should Know
Design Tips
IG video
Get educated about Dark Mode
Design Tips
IG Post or Carousel
When everything is bold nothing is bold
Design Tips
IG Post or Carousel
How to create stunning Onboarding screens
Design Tips
IG Post or Carousel
Neon Glass Effect in Figma
Design Tips
IG video
Isometric Card Prototype in Figma
Design Tips
IG Post or Carousel
How to write UX problem statement
Design Tips
IG Post or Carousel
How to prevent errors
Design Tips
IG Post or Carousel
How to design for one-hand usage
Design Tips
IG Post or Carousel
15+ Best Adobe Fonts For Your Next Design
Design Tips
IG Post or Carousel
8 Key Differences Between iOS & Android Designs
Design Tips
IG Post or Carousel
15 Beautiful Free Fonts For Your Next Project
Design Tips
IG video
How to create impressive parallax hero effects in Figma
Design Tips
IG Post or Carousel
How to create a seamless pattern in Adobe Illustrator
Design Tips
IG Post or Carousel
Flexbox VS Grid
Design Tips
IG Post or Carousel
Why is Spacing Very Important?
Design Tips
IG Post or Carousel
What Makes A Good Logo?

Unlock all access

Get unlimited access to full collection of bit sized design tips and tricks made by designers for designers to boost your design workflow easily
By continuing, you acknowledge that you have read and understood, and agree to Dsgnwhiz's Terms of Service and Privacy Policy