طراحی سیستم ها در Compose
با مجموعهها، منظم بمانید
ذخیره و طبقهبندی محتوا براساس اولویتهای شما.
Jetpack Compose پیاده‌سازی یک سیستم طراحی را آسان می‌کند و به برنامه شما ظاهر و احساسی سازگار با موضوع، مؤلفه‌ها و موارد دیگر می‌دهد.
در صفحات زیر جزئیاتی در مورد نحوه طراحی و پیاده سازی سیستم طراحی ارائه شده است:
نمونه ها
نمونه‌های زیر سیستم‌های طراحی را در Jetpack Compose نشان می‌دهند:
{% کلمه به کلمه %}
{% آخر کلمه %} برای شما توصیه می شود
{% کلمه به کلمه %} {% آخر کلمه %}
محتوا و نمونه کدها در این صفحه مشمول پروانههای توصیفشده در پروانه محتوا هستند. جاوا و OpenJDK علامتهای تجاری یا علامتهای تجاری ثبتشده Oracle و/یا وابستههای آن هستند.
تاریخ آخرین بهروزرسانی 2025-08-21 بهوقت ساعت هماهنگ جهانی.
[null,null,["تاریخ آخرین بهروزرسانی 2025-08-21 بهوقت ساعت هماهنگ جهانی."],[],[],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)"]]
