Sistem desain di Compose
Tetap teratur dengan koleksi
Simpan dan kategorikan konten berdasarkan preferensi Anda.
Jetpack Compose memudahkan Anda mengimplementasikan sistem desain serta memberi
aplikasi Anda tampilan dan nuansa yang konsisten dengan tema, komponen, dan lainnya.
Halaman berikut menyediakan detail cara mendesain dan mengimplementasikan sistem desain
Anda:
Contoh
Contoh berikut menunjukkan sistem desain di Jetpack Compose:
Direkomendasikan untuk Anda
Konten dan contoh kode di halaman ini tunduk kepada lisensi yang dijelaskan dalam Lisensi Konten. Java dan OpenJDK adalah merek dagang atau merek dagang terdaftar dari Oracle dan/atau afiliasinya.
Terakhir diperbarui pada 2025-08-21 UTC.
[[["Mudah dipahami","easyToUnderstand","thumb-up"],["Memecahkan masalah saya","solvedMyProblem","thumb-up"],["Lainnya","otherUp","thumb-up"]],[["Informasi yang saya butuhkan tidak ada","missingTheInformationINeed","thumb-down"],["Terlalu rumit/langkahnya terlalu banyak","tooComplicatedTooManySteps","thumb-down"],["Sudah usang","outOfDate","thumb-down"],["Masalah terjemahan","translationIssue","thumb-down"],["Masalah kode / contoh","samplesCodeIssue","thumb-down"],["Lainnya","otherDown","thumb-down"]],["Terakhir diperbarui pada 2025-08-21 UTC."],[],[],null,["# Design systems in Compose\n\nJetpack Compose makes it easy to implement a design system and give your\napp a consistent look and feel with theming, components, and more.\n\nThe following pages provide details on how to design and implement your design\nsystem:\n\n- [Material Design 3](/develop/ui/compose/designsystems/material3): Learn how to use [Google's design system](https://m3.material.io/) to build your product in Compose.\n- [Migrating from Material 2 to Material 3](/develop/ui/compose/designsystems/material2-material3): Learn how to migrate your app from Material Design 2 to Material Design 3 in Compose.\n- [Custom design systems](/develop/ui/compose/designsystems/custom): Learn how to implement a custom design system in Compose, and how to adapt existing Material Design composables to handle this.\n- [Anatomy of a theme](/develop/ui/compose/designsystems/anatomy): Learn about the lower-level constructs and APIs used by `MaterialTheme` and custom design systems.\n- [Migrating XML themes to Compose](/develop/ui/compose/designsystems/views-to-compose): Learn how to migrate your View-based XML themes to Compose.\n\n### Samples\n\nThe following samples demonstrate design systems in Jetpack Compose:\n\nRecommended for you\n-------------------\n\n- Note: link text is displayed when JavaScript is off\n- [Material Design 2 in Compose](/develop/ui/compose/designsystems/material)\n- [Custom design systems in Compose](/develop/ui/compose/designsystems/custom)\n- [Anatomy of a theme in Compose](/develop/ui/compose/designsystems/anatomy)"]]
