Product and Design

Gradientor is a tool that can generate CSS for gradient backgrounds and generate gradients through mousemove

Suitable for developers who are using TailwindCSS. The website automatically matches colors from light to dark, and can actually preview the colors of common components (such as buttons, cards)

The People + AI Guidebook launched by Google details the complete AI product design process, covering details that should be considered in various scenarios, as well as relevant case analyses. Because AI has many features that traditional software products do not have, it is difficult to use when In terms of user interaction, some parts require different considerations. It is highly recommended for people who want to build AI products.

IDEO is a pioneer in the field of design thinking. Many manuals and tools it has produced in the past are very helpful for developing innovative products, including exercises to build creative confidence, design thinking method cards, and manuals on the use of design thinking in different fields. All are included in this resource site

The People + AI Guidebook launched by Google details the complete AI product design process, covering details that should be considered in various scenarios, as well as relevant case analyses. Because AI has many features that traditional software products do not have, it is difficult to use when In terms of user interaction, some parts require different considerations. It is highly recommended for people who want to build AI products.

Looking for customized, high-quality visual materials? DrawKit has provided hand-drawn UI since 2018, and now includes animations, premium packages, etc. It will be changed to a subscription system in 2022 to improve the efficiency of resource acquisition. All illustrations are editable.

A free hand-drawn illustration library, a hand-drawn style illustration library that provides various elements combined into different characters. It is suitable for product illustrations, marketing promotions, storyboards, etc. No copyright permission is required, and can be used in both commercial and private projects.

Free illustration library with customizable colors and images available for download in svg format for use in commercial or private projects without royalties or tags.

fffuel is a series of free svg generation tools. There are many different svg types in it. People who usually need to generate svg images, I highly recommend this series of tools.

Canva is a simple and easy-to-use design tool. Whether it is posters, presentations, community stickers, etc., different designs can be quickly completed through Canva. In addition, Canva integrates AI, which greatly improves the efficiency of design.