The best design tools to try in 2024
![Figma](https://ph-files.imgix.net/db00a7a1-6778-4e51-a953-de5a9a339bc9.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=40&h=40&fit=crop&frame=1)
Figma
—The collaborative interface design tool- Overview
- Shoutouts
- Reviews
- Launches
A collaborative design tool for creating user interfaces, mobile apps, and websites with a wide range of features, including vector editing tools, prototyping, and version control, all in a cloud-based platform.
![Figma media 2](https://ph-files.imgix.net/da03af27-d94d-4fe8-b020-82471c32b380.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&frame=1)
![Figma media 3](https://ph-files.imgix.net/43c127d4-4f51-4194-8c35-6b063b0ae8a7.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&frame=1)
![Next.js](https://ph-files.imgix.net/76710619-0e0c-4456-918d-f5f2cb58e1cc.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=40&h=40&fit=crop&frame=1)
- Overview
- Shoutouts
- Reviews
- Launches
The React framework for production. Next.js provides zero-configuration automatic code splitting, filesystem based routing, hot code reloading and universal rendering.
![Next.js media 1](https://ph-files.imgix.net/d3f45f5d-f094-47a9-86cb-247373278bbc.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&frame=1)
![Next.js media 2](https://ph-files.imgix.net/98afe622-49dc-4dd4-8a5d-478f874c2f36.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&frame=1)
![Next.js media 3](https://ph-files.imgix.net/97fd7a07-119e-4984-9723-2a7c4ce0a712.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&frame=1)
![Tailwind CSS](https://ph-files.imgix.net/829bdf09-bf73-4976-ae80-8eb1ec6b455d.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=40&h=40&fit=crop&frame=1)
- Overview
- Shoutouts
- Reviews
- Launches
A highly customizable, low-level CSS framework that gives you all of the building blocks you need to build bespoke designs without any annoying opinionated styles you have to fight to override.
![Tailwind CSS media 1](https://ph-files.imgix.net/13faf441-ec04-4d92-9396-b26690a0451a.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&frame=1)
![Tailwind CSS media 2](https://ph-files.imgix.net/d79dab4c-117a-42e9-b272-2fb4692120d5.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&frame=1)
![Tailwind CSS media 3](https://ph-files.imgix.net/2be6052c-87ed-4442-b4c3-0ec639b3bde6.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&frame=1)
![shadcn/ui](https://ph-files.imgix.net/468c329a-30d2-404f-a484-5ac5f7643f80.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=40&h=40&fit=crop&frame=1)
shadcn/ui
—Beautifully designed components.- Overview
- Shoutouts
- Reviews
- Launches
Beautifully designed components that you can copy and paste into your apps.
![shadcn/ui media 1](https://ph-files.imgix.net/ba0e032b-4ff9-4903-9884-6e955a8cca93.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&frame=1)
![shadcn/ui media 2](https://ph-files.imgix.net/ef73b0a2-5b0e-4dcc-8a32-fb24c6fc71fe.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&frame=1)
![shadcn/ui media 3](https://ph-files.imgix.net/e3576876-0642-4ed9-bec0-75f9fe845750.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&frame=1)
![React](https://ph-files.imgix.net/78fdfd18-f459-47df-870a-e3e17b6bdd40.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=40&h=40&fit=crop&frame=1)
React
—The library for web and native user interfaces- Overview
- Shoutouts
- Reviews
- Launches
A free and open-source front-end JavaScript library for building user interfaces based on components.
![React media 1](https://ph-files.imgix.net/95e49910-5bc1-46d0-9760-1d2e2acb4795.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&frame=1)
![Flutter](https://ph-files.imgix.net/88bee7a4-63c1-433f-b2e8-a104fd862e20.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=40&h=40&fit=crop&frame=1)
- Overview
- Shoutouts
- Reviews
- Launches
Google's UI toolkit for crafting beautiful, natively compiled applications for mobile, web, and desktop from a single codebase.
![Flutter media 1](https://ph-files.imgix.net/0812df7e-b7be-4f7c-b329-624b47c9efd4.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&frame=1)
![Flutter media 2](https://ph-files.imgix.net/4c365210-bfbe-4919-a6c0-7011ed0a7fa5.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&frame=1)
![Flutter media 3](https://ph-files.imgix.net/4139bc41-f2f1-4d8e-8ba9-695fa41e5703.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&frame=1)
![Canva](https://ph-files.imgix.net/d7c5e3c2-fab2-42e4-afe3-e525a4c8a953.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=40&h=40&fit=crop&frame=1)
Canva
—Amazingly simple graphic design- Overview
- Shoutouts
- Reviews
- Launches
A user-friendly online graphic design platform with templates, stock photos, graphics, and fonts.
![Canva media 1](https://ph-files.imgix.net/023942e0-5ee5-4f6e-877e-253c460c27bd.jpeg?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&frame=1)
![Swift](https://ph-files.imgix.net/c60d78df-e572-4765-803b-d0a08c7ed6fe.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=40&h=40&fit=crop&frame=1)
Swift
—An open-source programming language by Apple- Overview
- Shoutouts
- Reviews
- Launches
A general-purpose programming language that’s approachable for newcomers and powerful for experts. It is fast, modern, safe, and a joy to write.
![Expo](https://ph-files.imgix.net/d4ad8bb6-7bd5-4e3c-93af-b69c553312ed.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=40&h=40&fit=crop&frame=1)
Expo
—An open-source framework for making universal native apps- Overview
- Shoutouts
- Reviews
- Launches
Build one JavaScript/TypeScript project that runs natively on all your users' devices including Android, iOS, and web.
![Expo media 1](https://ph-files.imgix.net/ac4c0e83-5f48-4153-bb58-c183a9c547c1.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&frame=1)
![Expo media 2](https://ph-files.imgix.net/1031b9b6-a2c6-48c5-82d0-4fce08e0b735.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&frame=1)
![Expo media 3](https://ph-files.imgix.net/c49dab74-8df4-49f4-9b52-747f3d18ca85.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&frame=1)
ShipFast
—Ship your startup in days, not weeks- Overview
- Shoutouts
- Reviews
- Launches
The NextJS boilerplate with all the stuff you need to get your product in front of customers. From idea to production in 5 minutes.
![ShipFast media 1](https://ph-files.imgix.net/61e2da4d-baa2-4f84-8262-026421f829b6.png?auto=compress&codec=mozjpeg&cs=strip&auto=format&w=234&h=140&fit=crop&frame=1)