Uno Platform for Figma
Uno Platform for Figma
Export your Figma designs to XAML or C# markup with one click
![](https://uno-website-assets.s3.amazonaws.com/wp-content/uploads/2024/02/20150030/FigmaHero2024-2-768x453.png)
![](https://uno-website-assets.s3.amazonaws.com/wp-content/uploads/2024/02/20150030/FigmaHero2024-2-1536x905.png)
![](https://uno-website-assets.s3.amazonaws.com/wp-content/uploads/2023/05/12141609/figma-logo-1-1.png)
Plugin Features
Dive into a process where developers and designers unite early, turning potential roadblocks into opportunities for innovation.
![](https://uno-website-assets.s3.amazonaws.com/wp-content/uploads/2024/02/21143308/MTF.png)
Material Toolkit File
Free Material UI Library with pre built templates, components and pages using M3 conventions.
![](https://uno-website-assets.s3.amazonaws.com/wp-content/uploads/2024/02/21105620/al.png)
Auto Layout
Components are built using 100% Auto-Layout and are responsive by default.
![](https://uno-website-assets.s3.amazonaws.com/wp-content/uploads/2024/02/21110322/export-1.png)
Live Preview
Interact and tweak in real-time to ensure your Uno Platform app's look and feel is spot-on.
Instance Override
Effortlessly override colors, fonts, and more, ensuring your design stays true to your unique vision.
Flexible Code
Freedom to generate XAML or C# markup, adapting your code to fit your project’s needs.
![](https://uno-website-assets.s3.amazonaws.com/wp-content/uploads/2024/02/21110022/dev.png)
DEV Mode
Translate designs into code, even faster with Uno Platform for Figma Plugin in Dev Mode.
![](https://uno-website-assets.s3.amazonaws.com/wp-content/uploads/2024/02/21105619/export.png)
One Click Export
Export your design into ready-to-use code, complete with color and font files.
![](https://uno-website-assets.s3.amazonaws.com/wp-content/uploads/2024/02/21110118/vsc.png)
VS Code Integration
Import and inspect Figma designs in VS Code and use code suggestions to speed up your builds.
![](https://uno-website-assets.s3.amazonaws.com/wp-content/uploads/2023/11/01075214/toolbox-1.png)
How to get started
Everything you need to kick off is right here! Discover our Uno Figma documentation for foundational knowledge, engage with our hands-on tutorial series for in-depth learning, or jump straight in with our Material Toolkit File.
Pre-built templates to help you start
Customize our templates by swapping components, changing layouts, or updating themes and styles.
![](https://uno-website-assets.s3.amazonaws.com/wp-content/uploads/2024/02/21144009/mtf-banner-1.png)
Our Uno Platform Material Toolkit file is the best way to kick off any Uno Platform project using the plugin. Benefit from a free UI library featuring pre-built components, templates, and pages, plus a Material Design system.
![](https://uno-website-assets.s3.amazonaws.com/wp-content/uploads/2024/02/08114442/simple-calc-template-banner.png)
The Simple Calculator template for Uno Platform is designed for efficiency and ease of use. It offers a user-friendly calculator interface perfect for quick calculations and basic arithmetic functions.
![](https://uno-website-assets.s3.amazonaws.com/wp-content/uploads/2024/02/08114443/tubeplayer-template-banner.png)
Crafted for seamless video streaming experiences, this video streaming template offers intuitive controls and sleek design, ideal for building a personalized video player or content platform on Uno Platform.
![](https://uno-website-assets.s3.amazonaws.com/wp-content/uploads/2023/12/06104115/Support-icon.png)
Best of all - it's free
All features, the use of Material Toolkit, unlimited previews, community support, and 15 exports per month are free of charge.
Upgrading to a Pro license for just $9/month allows unlimited exports and access to premium support. Bonus: You will help fund maintenance of our open-source project and further plugin development!
![](https://uno-website-assets.s3.amazonaws.com/wp-content/uploads/2024/02/08114707/Image-wrapper-3.png)
![](https://uno-website-assets.s3.amazonaws.com/wp-content/uploads/2024/02/08114707/Image-wrapper-3.png)
![](https://uno-website-assets.s3.amazonaws.com/wp-content/uploads/2024/02/08114414/code-braces-box.png)
Simplify Your Workflow
With our integrated approach, designers can seamlessly operate in Figma, leveraging the Uno Toolkit Material Library. A single click exports ready-to-deploy code to developers. This streamlines the development process, providing direct access to essential code files like XAML, C# Markup, colors, fonts, and localization files. Eliminate unnecessary communication, and accelerate project delivery.