Tag: Sketch

Prime: A UI kit for creating Design Systems

Prime is a UI framework for Sketch that may come in handy when you need to create a full-fledged Design System at the speed of light. This is a project by Przemyslaw Baraniak, UX/UI Designer from Poland. Creating a design system sounds like a lot of work: with Primer you can save 80% of the… Continue reading Prime: A UI kit for creating Design Systems

Differences Between UI Designer and UX Designer: What Does Each One Do?

For many people who don’t know much about the tech world, understanding what UI designers and UX designers do is a bit challenging. From early times, designers were known to be in the clothing and furniture industry. But the industry has grown over time to many more areas including tech. The evolution of technology as… Continue reading Differences Between UI Designer and UX Designer: What Does Each One Do?

Dark mode, white space, brain surgery, Sketch 53 — and more UX this week

Do I have to add a dark mode now? ›Drawbacks and benefits of adding a dark mode to an app or website. Why isn’t the internet more fun and weird? ›Sure, we have Dark Mode now. But where did all the glitter go? Humans, not users ›UX has a big problem: instead of seeing human… Continue reading Dark mode, white space, brain surgery, Sketch 53 — and more UX this week

Introduction to Studio, the Screen Design Tool From InVision

Today I’m going to give you a quick introduction to Studio, a brand new screen design tool from InVision. With it, you can design your UI projects, but also build prototypes and collaborate with others to keep everything in sync. If you’re looking for an alternative to Adobe XD, or Sketch, or Figma, read on! Studio… Continue reading Introduction to Studio, the Screen Design Tool From InVision

How to Draw Anime Hair

What You’ll Be Creating Hair is a very complex subject to draw, because it’s like a substance that can take many shapes and forms. Because of this, manga artists have developed a special method of simplifying hair. In manga or anime, you draw hair as a mass or a cloth. This way it can be… Continue reading How to Draw Anime Hair

Templates, Icons, UI Kits, and More

Figma came out as a strong new player in 2016 allowing design and software development teams to collaborate on any platform. This browser-based application eliminated problems such as updating software, syncing screens, and waiting for a team member to upload the latest design. Real-time collaboration is where Figma shines most. It launched with features like… Continue reading Templates, Icons, UI Kits, and More

Best Selling UX and UI Kits For Sketch, Photoshop, Illustrator, XD, and Figma

UX and UI Kits help designers in all kinds of ways, and at different stages in the design process. In this roundup I’ll show you some of the best-selling UX and UI kits available from Envato, to get you started wireframing, prototyping, and designing your next website or app. What Are UX and UI Kits?… Continue reading Best Selling UX and UI Kits For Sketch, Photoshop, Illustrator, XD, and Figma

Free portfolio landing design template

Here is a minimal portfolio design template designed by Denis Abdullin, product designer from Russia. The template is a one-page made of sections (works, about, links) and includes a contact form at the bottom of the page for receiving work inquiries. It comes in Sketch file format so you can easily customize that. Get for… Continue reading Free portfolio landing design template

Free Pixel 3 XL mockups

Ready to present your android apps into the latest Google’s smartphone? Wait is over! Here are the best free Pixel 3 XL mockups available in PSD and Sketch formats that we have found! Google Pixel 3 for Sketch Credits: Ranjith Alingal. Download Google Pixel 3 XL for Photoshop (credits: Yash Ranpara) Credits: Yash Ranpara. Download

How to Create a Pastel Photo Effect Action in Adobe Photoshop

What You’ll Be Creating In this tutorial, you will learn how to create an amazing pastel photo effect in Adobe Photoshop. I will explain everything in so much detail that anyone can create it, even those who have just opened Photoshop for the first time.  The effect shown above is the one I will show… Continue reading How to Create a Pastel Photo Effect Action in Adobe Photoshop

How to Draw a Ball

What You’ll Be Creating Drawing a ball may sound like something very simple, yet if you try it, you may discover that there are certain rules that must be followed. You need to know them if you want to draw a perfect ball!  In this tutorial, I will show you how to draw a soccer… Continue reading How to Draw a Ball

How to Draw Angel Wings

What You’ll Be Creating In this tutorial I will show you how to draw wings on the back of a human, creating an angel. Angels, though seen as spiritual rather than material, are pictured as winged humans. But wings are not simply an appendix growing out of the shoulder blades—they’re specialized arms. So a typical… Continue reading How to Draw Angel Wings

Movie booking app concept

Here is a nice a starter UI kit for Sketch for getting started with a movie booking apps. Kit includes an home screen, a movie info screen, booking and seat confirmation screens and sign in, sign up pages. Designed and released by Kishore. Download freebie

Font Combinations Library

Font Combinations Library (aka Font Combinations Kit 2.0) is a great set of 8 different font combinations meant to help speed up your design process. Inside the package you will find some ready-made template screens pairing the most popular Google Fonts. Text styles from the Sketch and Adobe XD will speed up your work. You can change the… Continue reading Font Combinations Library

Tourex: Flight booking app design template

Tourex is a modern, minimal flight booking app designed for iPhone X and iPhone 8. Freebies includes a welcome screen, a search component, flight details and booking screens, seat selection and more. Designed in Sketch and Adobe Xd and released for free by Nasir Uddin, UI/UX designer from Bangladesh. Download freebie

Shards Dashboard Lite: A ready to use dashboard template

Shards Dashboard Lite is a free ready-to-use admin dashboard template built on the top of Bootstrap 4. It comes packed with dozens of custom components and admin dashboard templates that you can use to kick-start your app. Freebie includes both SCSS and Sketch files so you can tailor the admin dashboard template pack to your own… Continue reading Shards Dashboard Lite: A ready to use dashboard template

Raising a Design System in a team

DDesign systems have been around for quite a while. They’ve arisen with the need of designing for not only one thing, but for a whole set of elements, keeping the same look & feel among them, so all the individual parts look as though they belong to the same family. Design systems were first developed… Continue reading Raising a Design System in a team

Flowchart kit 2.0 for Sketch

Flowchart kit 2.0 is a free Sketch file released by Greg Dlubacz including hundred of cards, arrows and many other shapes provided as symbols for creating sitemaps/flow charts quickly and easily. Simply drag & drop cards, elements, shapes, add arrows, scale their width and height, rotate them to get professional and beautiful sitemaps, wireframes or… Continue reading Flowchart kit 2.0 for Sketch