mtmattei

mtmattei

Uno Platform Core Team

Uno Platform for Figma - From design to XAML Code in a click

A few months ago, Uno Platform unveiled Uno Platform for Figma plugin, a plugin created to turn your high-fidelity Figma design into XAML code. The aim was to help reduce time spent on the UI and focus on the business logic while simplifying the design to code handoff.

The plugin does more than auto-generate XAML code from your design, it allows for interactive live previews of your design to see how it behaves, and it exports the code and the resource dictionaries of your design so you can build upon it in your preferred IDE.

That said, Uno for Figma is at Preview 3 stage and continues to be improved and expanded, but check it out for yourselves, give it a try and let us know your feedback and comments.

Recently published a great tutorial showcasing the power of Uno Figma: Recreating Amazon’s Goodreads App and it was done all using Uno Platform Plugin, Material Toolkit, and Figma.

Demo of Live Preview in action

Uno Platform for Figma Plugin
Uno Platform Material Toolkit

Most Liked

RustemAqtau

RustemAqtau

I am not using Uno but worked with Xamarin’s Xaml code. This sounds good!

Where Next?

Popular Frontend topics Top

AstonJ
Sprinkles of JS, or full frontend frameworks? What do you use and why?
New
New
New
New
ClaudiaGiv
Hi all, I recently started working with Svelte and created a small app with SvelteKit in order to understand better the framework. I hav...
New
Ayushk
Hello, This is pretty basic. I was trying to explore the front-end development as I was not from a tech background. But, very much inter...
New
KnowledgeIsPower
It seems it is going to change, currently they forked Next.JS. Now they want to stop forking it and change their project direction.
New
First poster: bot
Type. Type is a directed typing experiment. You choose the direction the letters should flow.
New
guaip
I’ve been doing front-end as a freelancer for 15 years. I have some PHP background and still do some backend stuff to this day, but I spe...
New
NKTgLaw
Introduction The NKTg Law on Varying Inertia describes the tendency of an object in motion depending on its position, velocity, and mass...
New

Other popular topics Top

PragmaticBookshelf
Design and develop sophisticated 2D games that are as much fun to make as they are to play. From particle effects and pathfinding to soci...
New
AstonJ
Curious to know which languages and frameworks you’re all thinking about learning next :upside_down_face: Perhaps if there’s enough peop...
New
AstonJ
We have a thread about the keyboards we have, but what about nice keyboards we come across that we want? If you have seen any that look n...
New
PragmaticBookshelf
Learn different ways of writing concurrent code in Elixir and increase your application's performance, without sacrificing scalability or...
New
PragmaticBookshelf
Build highly interactive applications without ever leaving Elixir, the way the experts do. Let LiveView take care of performance, scalabi...
New
PragmaticBookshelf
Rails 7 completely redefines what it means to produce fantastic user experiences and provides a way to achieve all the benefits of single...
New
PragmaticBookshelf
Author Spotlight Rebecca Skinner @RebeccaSkinner Welcome to our latest author spotlight, where we sit down with Rebecca Skinner, auth...
New
NewsBot
Node.js v22.14.0 has been released. Link: Release 2025-02-11, Version 22.14.0 'Jod' (LTS), @aduh95 · nodejs/node · GitHub
New
mindriot
Ok, well here are some thoughts and opinions on some of the ergonomic keyboards I have, I guess like mini review of each that I use enoug...
New
PragmaticBookshelf
Use advanced functional programming principles, practical Domain-Driven Design techniques, and production-ready Elixir code to build scal...
New