سطح عمومی

نقشه راه Design System

Learn how to create a design system with this step by step guide

طراحی و تدوین مسیر

امیر دایی

محتوای مسیر
۱۲۳ گام آموزشی
رضایت یادگیرندگان
هنوز امتیازی نیست
همراهان این مسیر
اولین نفر باشید
نظرتان درباره‌ی این مسیر؟
اولین دیدگاه را بنویسید
BrandDesign PrinciplesTabsTooltipColorNeed of Design SystemListStakeholders Involved in BuildingPilotWhat is a Design System?BannersFormsService and Health MetricsFrontendGrid RelationFile FormatsGuidelinesWhat is Atomic DesignSizingPlacement GuidancePatternLogoExisting Design AnalysisGridResponsivenessComponentMaking it from ScratchDefining Design TokensIconsAccessibilityDocumentationMicrocopy GuidelinesIconFind the interactive version of thisroadmap and more roadmaps atDesign EditorRelease StrategyVisionIdentify Existing DesignProcessFAQsVersion ControlTerminologyAccessibilityAvatarBreakpointsMaking a Design SystemSpackingCommunity MeetingsGuidelinesInput CheckboxUX DesignSmall Use GuidanceTone of VoiceDesign LanguageAccessibilityComponent AnalyticsRoadmapSpacesAvatarDesign System ExamplesKeywordsInput TextDesign SystemCreating Core ComponentsDropdownsTicketing...otherkaar2.irModalA/B Tests & ExperimentsTextareaCommit GuidelinesDesign System vs Component LibraryGuidelinesTokenProject ManagementCreating Core ComponentsLoading IndicatorCreating Design LanguageIdentify Design ElementsDocumentationGovernanceBannerDark ModeReadabilityTypographyBadgeUI KitButtonCommunication ChannelGuidelinesVisual FormsDropdownSelectDesignInput SwitchPerforming a Visual AuditVisit the following roadmaps to keep learningIconographyTypographyUser OnboardingTask ManagementRegional RequirementsFunctional ColorsTooling AnalyticsUsage GuidanceInput RadioMilestonesCardButtonsDevelopmentColorsStyleToastContribution GuidelinesCommunicationsWriting GuidelinesBadgesIdentify ComponentsPluginsUnderstand he BasicsBackendComponent CatalogComponent LibrarySizesPR TemplatesPerformanceNamingMonochrome VersionUnitsRELATED ROADMAPS› UX Design› Frontend Development› JavaScript Roadmap› React RoadmapGuidelinesContribution GuidelinesLoggingReserved IconsUnit TestingAccessibility TestingCardsCarouselOpen HoursMaking it from ExistingDesignLayoutCode StyleGrid RelationSemantic VersioningAnalyticsTerminologyIf building from existingdesign