The best design tools to try in 2024

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.



- 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.




- 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.




shadcn/ui
—Beautifully designed components.- Overview
- Shoutouts
- Reviews
- Launches
Beautifully designed components that you can copy and paste into your apps.




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.


- Overview
- Shoutouts
- Reviews
- Launches
Google's UI toolkit for crafting beautiful, natively compiled applications for mobile, web, and desktop from a single codebase.




Canva
—Amazingly simple graphic design- Overview
- Shoutouts
- Reviews
- Launches
A user-friendly online graphic design platform with templates, stock photos, graphics, and fonts.


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
—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.



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.
