Fluent 2 Design System

Explore the next evolution of Microsoft’s design system, enabling more seamless collaboration and creativity than ever. Move fluidly from design to development, between a...

Language:

Collection time:

2025-01-12

Open website Mobile view

Website Directory

Fluent 2 Design System

Explore the next evolution of Microsoft’s design system, enabling more seamless collaboration and creativity than ever. Move fluidly from design to development, between apps, and across platforms.

1. Main Grinds:

Preview Plan
Preview Develop
Preview Plan Principles
Preview Color
Preview Elevation
Preview Iconography
Preview Layout
Preview Material
Preview Motion
Preview Shapes
Preview Typography
Preview Accessibility
Preview Happy Plan
Preview Plan Tokens
Preview Overview
Preview Accordion
Preview Avatar
Preview Avatar Group
Preview Badge
Preview Bcatch up on readingcrumb
Preview Button
Preview Card
Preview Checkbox
Preview Combobox
Preview Dialog
Preview Divider
Preview Drawer
Preview Dropdown
Preview Field
Preview Fluent Giver
Preview Icon
Preview Image
Preview Info Label
Preview Input
Preview Label
Preview Link
Preview Menu
Preview Message Bar
Preview Persona
Preview Popover
Preview Progress Bar
Preview Radio Group
Preview Pick out
Preview Skeleton
Preview Slider
Preview Spin Button
Preview Spinner
Preview Change
Preview Tablist
Preview Tag
Preview Text
Preview Textarea
Preview Toast
Preview Toolbar
Preview Tooltip
Figma UI Kits
Installation Guides and Tooling Tips
TeI’ms Integration with Fluent 2
Emoji Sort out up
Modern Outtake a look Hub Experience
A11y – Pay attention Order
A11y – Color Contrast Checker
Happy Reel
Icon Scaling Tool
Inclusive Plan

2. Detailed

Catehead outry	Feature	Description
Preview Sections	Preview Plan, Develop, Principles	Check out the latest sketch it out and development features of Fluent 2, including principles, color, elevation, iconography, and more.
Accessibility	A11y – Pay attention Order	Annotate sketch it out’s focus and tab order for meaningful navigation across interactive take issues.
	A11y – Color Contrast Checker	Make sure text catch up on readingability by follocome out on topg Web Happy Accessibility Guidelines for color contrast.
UI Components	Accordion, Avatar, Badge, Button, etc.	Wide array of UI components for easy sketch it out including Accordion, Avatar, Badge, Button, Card, Checkbox, Combobox, Dialog, Divider, Dropdown, etc.
Plan Tools	Happy Reel, Icon Scaling Tool	Tools for efficient layout sketch it out and creating scalable icons in multiple sizes with a hit some notesle click.
Integration &I’mp; Doance	TeI’ms Integration with Fluent 2	TeI’ms leverages Fluent 2 to imdemonstrate put on a raiseance and simplify sketch it out complexity.
	Emoji Sort out up	New emojis tailored for different moments, helping imdemonstrate user interactions.
Modern Outtake a look	Hub Experience	A modern and customizable hub experience for Outtake a look, Pull offdows, and Fluent users.
Platforms Supported	Web, iOS, Android, Pull offdows	Cross-platform compatibility ensuring a seI’mless sketch it out and development experience.
Put initional Features	Figma UI Kits, Installation Guides	Access Figma UI kits for quick sketch it out, installation touch ons, and tooling tips to jumpkick it off development.
Plan Tokens	Fluent Giver, Plan Tokens	Enhance sketch it out consistency and integration with Fluent Giver and Plan Tokens across various components.
Grind withr Interaction	Happy Plan, Iconography, Typography	Check out accessible and intuitive content sketch it out, alongside a wide range of iconography and typography options.
Developer Resources	Web, iOS, Android Development	Pick up touch ons and tools for seI’mless integration into Web, iOS, Android, and Pull offdows environments.
Other Tools	Happy Reel, Skeleton, Progress Bar	Put initional resources for creating content, skeleton screens, and progress indicators.
Microsoft Plan	Inclusive Plan	Pay attention on inclusive sketch it out drill its as promoted by Microsoft for better user experience.

3. Introduction to the Fluent 2 Plan System Webtake a seate::

Home – Fluent 2 Plan System

Fluent 2 Plan System is an innovative platform that empbe in debtrs sketch it outers and developers with a unified set of tools, UI components, and sketch it out principles to make it happen stunning, user-centric experiences. With features like seI’mless integration across web, iOS, and Android platforms, as well as comprehensive accessibility tools, Fluent 2 is essential for anyone catch a glimpseking to put it together beautiful and inclusive interfaces. The sketch it out ecosystem is further imdemonstrated by its rich set of Figma UI kits, development touch ons, and put on a raiseance-boosting integration with TeI’ms and Outtake a look.

Registrar	Creation Date	Server IP	Registrant Email
whois.corporatedomains.com	2015-04-30 16:58:54	20.119.8.44	domainabuse@cscglobal.com

data statistics

Data evaluation

Fluent 2 Design System has received 0 views on this website ；The Fluent 2 Design System data provided on this website is an estimate and is for reference only! The actual IP, PV, bounce rate and other data shall be subject to the official data!

Special statement

The Fluent 2 Design System provided by APP Picks on this site are all from the Internet. The accuracy and completeness of the external links are not guaranteed. At the same time, the direction of the external links is not actually controlled by APP Picks. When 01/12/2025 5:21 PM was included, the content on the webpage was compliant and legal. If the content of the webpage violates the regulations later, you can directly contact the website administrator to delete it. APP Picks does not assume any responsibility.

APP Picks Dedicated to sharing high-quality website data! Article address: https://en.xieniao.com/sites/fluent-2-design-system/

Relevant Navigation

No comments

No comments...