Sistem Desain: app dan perangkat lunak terbaik

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

Figma

Figma

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

HeroUI

HeroUI

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

DESIGNmd

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

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

MD Bootstrap

MD Bootstrap

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

Mockplus

Mockplus

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

Glow UI

Glow UI

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

Aspect

Aspect

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

Zeroheight

Zeroheight

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

Framer Toys

Framer Toys

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

腾讯设计Ardot

腾讯设计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.

Shadcn Studio

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.

tweakcn

tweakcn

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

Frameblox

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

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

Design Tokens Generator

Design Tokens Generator

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

Shadcnblocks

Shadcnblocks

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

5sdesign

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.

Specify

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

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

Tailkit

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

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

Design Language System

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

Shadcn Space

Shadcn Space

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

Outlined

Outlined

Outlined memindai basis kode untuk menemukan token desain dan pola komponen, lalu mengubahnya jadi aturan agar perubahan UI oleh AI tetap konsisten.

AI Era

AI Era

AI Era adalah peta sistem desain resmi untuk era AI: menyediakan panduan, pola, pembuat, alat otomatisasi, bacaan, dan sinyal kerja untuk UI/UX berbasis AI.

Modaic

Modaic

Modaic adalah platform kolaborasi bagi pengembang untuk mengelola versi, membuat paket, dan bekerja sama pada program DSPy (pemrograman deklaratif untuk LLM).

figr

figr

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

ShadCN Themes

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.

Tokens Studio

Tokens Studio

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

SeamUI

SeamUI

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

FlyonUI

FlyonUI

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

Tailark Pro

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

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

UIAble

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

ZemryX

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

MyuiKits

MyuiKits

MyuiKits memungkinkan menjelajah komponen UI React, membuat dan menyimpan komponen sendiri, mengelompokkan menjadi kit, dan menerbitkan ke NPM.

UI Arc

UI Arc

UI Arc menyediakan komponen React dan blok antarmuka beranimasi yang dapat dipasang dengan shadcn CLI serta disesuaikan dalam proyek.

MasterGo

MasterGo

MasterGo adalah platform kolaborasi desain UI/UX untuk membuat prototipe, sistem desain, dan spesifikasi pengembangan, dengan dukungan kolaborasi tim, komentar, serta serah terima desain.

Contexxt

Contexxt

Contexxt mengelola token, komponen, aturan, dan dokumentasi sistem desain, menyediakannya untuk alat pengodean AI, serta memeriksa kesesuaian kode yang dihasilkan.

NuxtPro

NuxtPro

Template Nuxt3 open-source untuk SaaS—siap pakai pembayaran global (Stripe/Cream), Google OAuth, routing i18n, optimasi SEO; mendukung SSR/SSG dan keamanan produksi.