Sistem Desain | App & Perangkat Lunak Teratas

Alat sistem desain mengelola pustaka komponen bersama, token, dan pedoman penggunaan agar tim produk dan rekayasa dapat membangun antarmuka yang konsisten.

Figma

Figma adalah alat desain berbasis web untuk desain antarmuka pengguna dan prototyping, mendukung kolaborasi real-time dan integrasi plugin.

HeroUI

HeroUI Chat mengubah prompt atau tangkapan layar menjadi aplikasi React yang siap produksi menggunakan AI, dengan berbagai komponen UI yang mudah disesuaikan.

DESIGNmd

Pustaka gratis file DESIGN.md untuk menyimpan sistem desain lengkap, lalu dipakai alat AI coding agar UI konsisten. Bisa ditelusuri, diunduh, atau dipasang lewat MCP/CLI.

Supernova

Supernova adalah platform desain yang memudahkan kolaborasi antar tim, manajemen sistem desain, dan integrasi dengan alat desain populer.

MD Bootstrap

MD Bootstrap adalah perpustakaan UI yang memperluas Bootstrap, menyediakan komponen responsif untuk pengembangan web dengan desain material yang dapat disesuaikan.

Mockplus

Mockplus adalah platform desain produk online yang memungkinkan desain, prototyping, dan kolaborasi tim secara efisien dan mudah.

Framer Toys

Framer Toys adalah aplikasi yang menyediakan kit UI siap pakai untuk membantu desainer membangun antarmuka Framer dengan cepat dan efisien.

Glow UI

Glow UI adalah kit UI Figma untuk profesional, menyediakan komponen berkualitas tinggi yang mempermudah desain aplikasi SaaS.

Aspect

Aspect adalah aplikasi untuk membuat komponen React secara visual, dengan sistem desain yang terintegrasi dengan kode sumber.

Zeroheight

Zeroheight adalah aplikasi untuk membuat dan mengelola sistem desain, memfasilitasi kolaborasi antara desainer dan pengembang.

腾讯设计Ardot

Aplikasi desain AI untuk membuat UI dari teks atau gambar, mengedit vektor, mengelola sistem desain, dan mendukung alur kerja desain ke pengembangan di web dan macOS.

tweakcn

Editor tema interaktif untuk shadcn/ui: sesuaikan properti, pratinjau, dan dapatkan kode secara real-time. Mendukung Tailwind CSS v4 dan gaya kustom.

Shadcn Studio

Shadcn Studio adalah platform sumber terbuka untuk membangun UI: menyediakan 1000+ komponen, blok, template, tema, editor tema real-time, dan kompatibilitas Tailwind v4.

Frameblox

Frameblox adalah pustaka templat dan komponen UI untuk desain web yang memungkinkan pengguna membangun dan meluncurkan situs web dengan efisien.

Design Index

Design Index mengumpulkan dan mengorganisir sumber daya desain berkualitas—sistem desain, komponen UI, pola, dan pedoman—untuk memudahkan pencarian dan referensi.

Shadcnblocks

Shadcnblocks adalah perpustakaan untuk membangun halaman web modern dengan lebih dari 680 blok UI responsif untuk React dan Tailwind CSS.

Specify

Specify adalah aplikasi yang membantu organisasi untuk mengelola branding dan mendistribusikan token desain secara efisien ke berbagai format dan platform.

Design Tokens Generator

Design Tokens Generator adalah alat untuk membuat dan mengelola token desain, menghasilkan kode dalam JSON, CSS, dan SASS untuk konsistensi desain.

FlyonUI

FlyonUI adalah perpustakaan komponen UI gratis berbasiskan Tailwind CSS, menawarkan lebih dari 800 komponen untuk pengembangan aplikasi web interaktif.

Tailkit

Tailkit adalah alat untuk pengembang yang menyediakan lebih dari 500 komponen terdesain untuk membangun aplikasi web responsif dengan CSS Tailwind.

AntBlocks UI

Antblocks UI adalah aplikasi yang menyediakan komponen antarmuka pengguna siap pakai untuk Figma dan React, mempermudah proses pengembangan aplikasi.

Design Language System

Alat AI untuk pendiri solo yang membuat Design Language System lengkap—logo, palet warna, tipografi, dan komponen UI—melalui percakapan singkat (6 pertanyaan).

5sdesign

Kit desain kurasi untuk prompt landing page, latar animasi, sistem warna, font, dan ikon yang bisa langsung dipakai di Claude Code, Cursor, dan v0.

Shadcn Space

Platform UI untuk React dan Next.js yang menyediakan komponen, blok, templat, dan pola tata letak siap pakai berbasis shadcn/ui.

figr

Figr AI membantu Anda merancang produk dengan cepat dan mudah, memudahkan pembuatan alur pengguna, wireframe, sistem desain, dan lainnya.

Design Tokens Generator

Design Tokens Generator adalah alat untuk membuat dan mengelola token desain, memastikan konsistensi elemen desain di berbagai platform digital.

Tokens Studio

Tokens Studio adalah alat untuk mengelola token desain yang terintegrasi dengan Figma, memungkinkan sinkronisasi dan manajemen tema secara efisien dalam proyek desain.

ShadCN Themes

Aplikasi web untuk menemukan, membuat, dan menyesuaikan tema shadcn/ui; pratinjau langsung, pilih warna OKLCH, font Google, atur radius, dan ekspor untuk Next.js.

SeamUI

Aplikasi klien gambar AI untuk membantu kreator konten, desainer, dan pemasar mengelola alur kerja kreatif.

Tailark Pro

Tailark Pro adalah aplikasi web yang menyediakan blok UI dan halaman siap pakai (hero, fitur, harga, testimonial, CTA) serta komponen Tailwind/Radix dan alat AI untuk mempercepat pembuatan situs.

BadtzUI

BadtzUI adalah alat untuk membangun aplikasi web dengan komponen UI yang telah dirancang sebelumnya, fokus pada produktivitas dan responsivitas desain.

UIAble

UIAble adalah pustaka komponen UI sumber terbuka gratis untuk membangun antarmuka web modern yang responsif, mudah diakses, dan dapat disesuaikan dengan React/Next.js.

ZemryX

Sistem desain Figma dan kit UI untuk membangun antarmuka produk dengan komponen, token desain, mode terang/gelap, dan tema multi-merek yang konsisten.

BrandStencil

BrandStencil adalah platform manajemen merek untuk menyimpan aset merek, menyediakan templat yang dapat disesuaikan, dan mempermudah pengelolaan desain.