Tag: Sketch

How to Build a Simple Toggle Switch Component With the CSS Checkbox Hack

In this short tutorial, we’ll learn how to build a CSS-only switch component by taking advantage of the “CSS checkbox hack technique”. Along the way, we’ll also look at other switch implementations on Codepen. Sound like a good challenge? Our Switch Component Here’s what we’ll be building during this tutorial–a simple todo checklist: For design… Continue reading How to Build a Simple Toggle Switch Component With the CSS Checkbox Hack

Exciting New Tools for Designers, April 2020

While there’s a lot going in the world with the COVID-19 pandemic, the design world is also reacting. You’ll notice that some of the newest tools and resources for designers are for working through or with the virus’ impact or are inspired by this change to our lifestyles. Here’s what new for designers this month.… Continue reading Exciting New Tools for Designers, April 2020

Can Design Systems Work for Freelancers?

There’s a lot riding on your shoulders as a freelance designer. You have to play the part of salesperson, project manager, web designer, accountant, and more. That’s why it’s critical to develop more efficient ways to work while maximizing results. One way that agencies and even small teams of designers do this is through design… Continue reading Can Design Systems Work for Freelancers?

A free collection of iOS13 GUI components

This is probably the biggest free collection of iOS 13 core components and selected screens in dark and light versions, supports a crazy-cool Apple’s SF Symbols, and it’s made with extra attention to the Human Interface Guidelines. Freebie is available for Sketch and Figma. Download freebie

Exciting New Tools for Designers, February 2020

Are you starting 2020 off on the right foot? How about keeping up with those resolutions to learn or try something new? Either way, you’re in luck. This roundup is packed with new tools to help you through projects or learn new tricks to enhance your skillset. Here’s what’s new for designers this month. Calcolor… Continue reading Exciting New Tools for Designers, February 2020

Mobile Apps Library: 120+ UIs from 4 social apps

Mobile Apps Library is an incredible free resource including 120+ UI screens from 4 popular social apps: WhatsApp, Messenger, Instagram and Telegram. Freebie is available for Sketch and Figma. The guys at Pixsellz did a great job reconstructing the user interface so to help designers figure out how these apps work and help them understand… Continue reading Mobile Apps Library: 120+ UIs from 4 social apps

Transform Your Design with Unified UX

Unless you’ve been hiding under a tinfoil hat for the last few years, you probably know that UX and UI are not the same thing because “UX is more ergonomic”, or some such nonsense. But what about the unified part? Normally speaking, I’ve got very little patience for hipster acronyms and nit-picking, but actually it… Continue reading Transform Your Design with Unified UX

Created by You, November 2019 Edition

What You’ll Be Creating Hello, and welcome back to our monthly community feature! Each month, we’ll take a look at a selection of content created and submitted by you—the Envato Tuts+ community! We love seeing the things you’ve created.  These creations are from the Design & Illustration section of Envato Tuts+, and you can join… Continue reading Created by You, November 2019 Edition

Smart Layout-ready buttons for Sketch app

Today’s freebie is a slick set of resizable buttons for Sketch built with the new Smart Layout feature, introduced with Sketch V58. No extra plugin is required: this button set relies on layer styles and text styles, so you can have full shape control, and change from square corners to radius or rounded corners in… Continue reading Smart Layout-ready buttons for Sketch app

Devices: Sketch files of popular devices

Devices is a big collection of free device mockups for Sketch released by Facebook Design. It now includes all Apple devices (MacBooks, iPhones, iPads and more) plus many other brands (Google devices, HTC, Dell, Samsung, Motorola, Nokia, Huawei and many more). Check out Devices

What’s New for Designers, September 2019

While there aren’t as many new tools out there to play with right now, the ones available are a lot of fun. From tools to help speed up workflows and manage productivity, to creative gamification and funky typefaces, these new tools for designers will make you want to stick to your desk. Here’s what new… Continue reading What’s New for Designers, September 2019

How to Make a Galaxy YouTube Banner (With a YouTube Banner Creator)

What You’ll Be Creating So you’ve decided to start your own YouTube channel, but don’t actually have the required tools or skills to design the actual banner? Well, if that’s the case, don’t worry since I’m going to show you how you can easily make a galaxy YouTube banner using Placeit’s YouTube Banner Maker. From… Continue reading How to Make a Galaxy YouTube Banner (With a YouTube Banner Creator)

Brutalism: A free web kit for Sketch and Figma

Brutalism is an amazing free UI web kit released by the design team at AND CO and available for Sketch and Figma. The kit comes with 70 ready-made artboards and a bunch of pre-made sections (menu, hero, showcase, about, team, testimonials and more) to help you jumpstart your next website project. In addition, Brutalism uses Google… Continue reading Brutalism: A free web kit for Sketch and Figma

Create Amazing Prototypes in No Time with the Envato Elements Sketch Plugin

The rise of prototyping tools in recent years is undeniable. Designers are harnessing these powerful, yet easy-to-use programs to build functional models of both websites and mobile apps. As such, they have become a vital part of the design process. Among the most widely-used and well-known prototyping apps is Sketch. This Mac-based program… Continue reading Create Amazing Prototypes in No Time with the Envato Elements Sketch Plugin

Chat UI kit for Sketch

Today’s freebie is an incredible chat UI kit for Sketch designed and released by Stream. This is a complete messaging kit solution including components for building social and team collaboration chats, live streams, in-game chats, customer support, and more. And it’s totally free! You will find a lot of ready-made screens coming in light, dark,… Continue reading Chat UI kit for Sketch

What’s New for Designers, July 2019

It’s hard to stay focused this time of year. With vacations coming up (or having recently passed) it’s easy to get distracted from work-related tasks. For that reason, this month’s roundup is full of design tools plus a few design diversions that you can have fun with. 404 Illustrations Have you ever wanted to create… Continue reading What’s New for Designers, July 2019

Eva: A free Design System for Sketch

Eva is a free and Open Source Design System for Sketch released by the awesome Akveo team. It includes 650+ symbols, 258 layer styles, 480+ icons and tons of components. Eva Design System is a great resource to get started with a consistent design project. It is very easy to customize and much more than… Continue reading Eva: A free Design System for Sketch

Pharmagy: Medical app design

Pharmagy is a free medical app design concept created and released by Adam Sokołowski, UX/UI Designer at Softnauts. This fantastic freebie includes 4 ready-made screens for Sketch that you can use to build your own app or just for inspiration. Download Pharmagy

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