Uno Platform for
Figma Plugin
Uno Platform for Figma Plugin
Figma plugin for pixel-perfect XAML export for Uno Platform apps.


Experience
Design-to-XAML handoff
Design to code in Seconds
Easily convert your designs into clean, responsive XAML or C# markup.
Component Library
Speed up app development with pre-built pages and pre-configured UnoToolkit Material components. Customize variants to bring your app to life in the design phase.
Design, Refine, Perfect
Experience your app before even coding it. Use mock data to see how real content behaves in the app with Live Preview.
Bridge the gap
Streamline your design-to-development process and eliminate the challenges of handoff
Design to code in Seconds
Easily convert your designs into clean, responsive XAML or C# markup.
Component Library
Speed up app development with pre-built pages and pre-configured UnoToolkit Material components. Customize variants to bring your app to life in the design phase.
Design, Refine, Perfect
Experience your app before even coding it. Use mock data to see how real content behaves in the app with Live Preview.
Bridge the gap
Streamline your design-to-development process and eliminate the challenges of handoff



build Upon and extend
Approved by
Developers like You
Developers retain 100% control over crucial code they care about. One click for XAML code and assets files. No more back and forth for assets export and management

IDEATE AND DESIGN
Approved by
Designers like You
Our philosophy is that the Figma design is the single-source of truth on which end-users, designers and developers agree on. As a designer you continue working in Figma. By using Uno Toolkit Material Library and Live Preview you will get instant feedback on controls you are using for your designs.



Design to Code in 3 Simple Steps
Seeing is believing. Use the sample App
we designed in Figma.
we designed in Figma.
1. Design with Uno Toolkit
Open a Uno Platform Material Toolkit File from the Figma community. Install the Uno Platform Plugin for Figma and start designing with Uno Toolkit components.
2. Generate and export XAML
Select any one screen, right-click and select “Uno Figma plugin”. Preview and generate ready to export XAML from your design.
3. See XAML in your App
Paste your exported code inside your Uno Platform App in Visual Studio, which can be built upon and extended quickly.