Adi Purdila

May 23, 2024 | webdesign.tutsplus.com | Daniyal Ahmadi |Roman Golovin |Adi Purdila |Paula Borowska

It’s easy to see why both web and app designers have fallen in love with Figma. The web-based interface design tool lets you build, share and collaborate on interactive prototypes for your projects. It also features plenty of ways to help you jumpstart the process. For instance, a Figma UI kit can be used to establish a consistent look right from the very beginning. Today, we’ll introduce you to some of the top Figma UI kits to help you get your projects get off to a running start.

Feb 29, 2024 | webdesign.tutsplus.com | Adi Purdila |Brenda Barron

Before we talk about the “how to” though let’s explore a couple of definitions so we’re all on the same page. What is a Design System? A design system is a set of standardized components and guidelines used in designing and developing apps or websites. It serves as an all-in-one reference point, ensuring consistency across all teams and projects.

Feb 14, 2024 | webdesign.tutsplus.com | Eric Karkovack |Adi Purdila |Karen Pogosyan

There’s a reason why so many people have turned to WordPress page builder plugins: they can make building even the most complex page layouts and features a relative breeze. It’s no wonder then, that Elementor has become the go-to page builder on the market. It not only simplifies content creation; the plugin also boasts some compelling extras. These features make for a more pleasant and efficient user experience. How to Use Elementor Templates?

Feb 1, 2024 | webdesign.tutsplus.com | Daniyal Ahmadi |Roman Golovin |Kezz Bracey |Adi Purdila

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. It’s since become so ubiquitous in the design industry Adobe tried (and failed) to acquire Figma for a colossal $20B. Real-time collaboration is where Figma shines most.

Jan 23, 2024 | webdesign.tutsplus.com | Ian Yates |Adi Purdila |Adi's goal

In this tutorial you’ll learn about using gradients on the web. I’ll give you some examples, some exercises (such as how to create gradients for borders), and I’ll also throw in some useful resources which will make creating gradients a lot easier. Watch the Tutorial Gradient BasicsIn days gone by it wasn’t really possible to use gradients without relying on images, but developments in CSS mean that it’s now simple and reliable to create gradients from within our stylesheets.