Frontend>Chat

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

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.

Final result goodreads XAML
Final result goodreads XAML1200×822 127 KB

Demo of Live Preview in action

Uno Platform for Figma Plugin
Uno Platform Material Toolkit

1 comment
#mobile-development#design-tools#dev-tools#xaml#design-to-code
5 1486 1

Most Liked

RustemAqtau

RustemAqtau

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

2
Post #3

Where Next?

View thread on forum
mobile-development
design-tools
dev-tools
xaml
design-to-code
Home Frontend>Chat
#mobile-development#design-tools#dev-tools#xaml#design-to-code
5 1486 1
Last post

Popular Frontend topics Top

andresriveros
Frontend>Chat

StimulusReflex - an exciting new way to build modern, reactive, real-time apps with Rails
I’m very interested in the Stimulus reflex approach for frontend development: It is a great way to integrate action cable very easily ...
#real-time
9 1360 3
New
DevotionGeo
Frontend>Chat

Who else hates capitalized string type in Dart?
Dart is not the first language with that mistake, but it’s newer. It shouldn’t have repeated this mistake.
/dart#rant#programminguages
28 1644 8
New
AstonJ
Frontend>Chat

Are SPAs dying or becoming more popular/beginning to shine?
DHH might like you to believe they are a thing of the past: https://twitter.com/dhh/status/1275902566719610880 I actually went down thi...
/rails/angular/react#liveview/svelte/vuejs#spa#ssr
22 2958 6
New
First poster: bot
Frontend>Chat

The Analytics That Matter
The Analytics That Matter | CSS-Tricks. I’ve long been skeptical of quoting global browser usage percentages to justify their usage of b...
css-tricks.com
#browsers
0 1097 0
New
First poster: bot
Frontend>Chat

Vuejs rejects close to 75% of outside contributions
23.44% of the PRs made by outsiders (not owners/members) get merged. PRs usually closed after 0.17 days (median) ** Based on most recen...
merge-chance.info
/vuejs
2 1301 0
New
mafinar
Frontend>Chat

A little weekend learning: Trying out Tailwind
I (re-)realized I had the book “Modern CSS with Tailwind” bought, never read a page of it until today. With me being a fast reader and th...
/tailwind#journal/book-modern-css-with-tailwind
26 2579 9
New
KnowledgeIsPower
Frontend>Chat

Sharing a blog about the Astro SSG
Hey, I have migrated by blog from Pelican to Astro (static site generator) Please give comments or feedback, thanks!
#astro
6 955 1
New
mtmattei
Frontend>Chat

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...
#mobile-development#design-tools#dev-tools#xaml#design-to-code
5 1486 1
New
Fl4m3Ph03n1x
Frontend>Chat

Phoenix 1.7.0 interfaces and courses
Background I am trying to recycle myself and improve my knowledge about Phoenix. With 1.7 now out, this seems like a good opportunity. ...
/phoenix/tailwind#liveview
15 1403 7
New
Reinis
Frontend>Chat

Good CSS learning resources and blog posts?
For the last few months I’ve been (re)-learning vanilla CSS. Initially I did not ‘get’ how to structure CSS to take advantage of the ‘cas...
#css
18 1237 6
New

Other popular topics Top

ohm
Science/Tech>Tech Chat

Games! Which do you play?
Which, if any, games do you play? On what platform? I just bought (and completed) Minecraft Dungeons for my Nintendo Switch. Other than ...
#games
246 6097 101
New
siddhant3030
General Dev>Dev Chat

Which vertical monitor do you use?
I’m thinking of buying a monitor that I can rotate to use as a vertical monitor? Also, I want to know if someone is using it for program...
#monitors#programming
51 4892 20
New
brentjanderson
General Dev>Hardware

Moonlander Keyboard (Mechanical) (Ergonomic) (Split) (Ortholinear)
Bought the Moonlander mechanical keyboard. Cherry Brown MX switches. Arms and wrists have been hurting enough that it’s time I did someth...
#hardware/keyboards#moonlander#mechanical-keyboards#ortholinear#ergonomic
212 17779 90
New
AstonJ
General Dev>Code Editors

Poll: Which code editor do you use?
You might be thinking we should just ask who’s not using VSCode :joy: however there are some new additions in the space that might give V...
#community#polls/vim/emacs#code-editors/vscode#notepad/sublime-text#atom/textmate#codespaces#brackets/onivim#geany
121 5796 61
New
PragmaticBookshelf
Game Dev>Learning Resources

Hands-on Rust: Effective Learning through 2D Game Development and Play
Rust is an exciting new programming language combining the power of C with memory safety, fearless concurrency, and productivity boosters...
pragprog.com
#pragprog/rust#published-book/book-hands-on-rust
117 10879 30
New
AstonJ
General Dev>Hardware

Planck vs Preonic vs Subatomic (Keyboards)
I ended up cancelling my Moonlander order as I think it’s just going to be a bit too bulky for me. I think the Planck and the Preonic (o...
/keyboards#mechanical-keyboards#ortholinear#planck#preonic
105 17596 47
New
PragmaticBookshelf
Backend>Learning Resources

Programming Phoenix LiveView
Build highly interactive applications without ever leaving Elixir, the way the experts do. Let LiveView take care of performance, scalabi...
pragprog.com
#pragprog/elixir/phoenix#published-book/book-programming-phoenix-liveview
79 10267 23
New
PragmaticBookshelf
Backend>Learning Resources

Engineering Elixir Applications
Develop, deploy, and debug BEAM applications using BEAMOps: a new paradigm that focuses on scalability, fault tolerance, and owning each ...
pragprog.com
#pragprog/elixir#published-book/book-engineering-elixir-applications
40 7136 21
New
AstonJ
AI>Chat

How to: Run DeepSeek on Mac, Windows, and Linux!
This is a very quick guide, you just need to: Download LM Studio: https://lmstudio.ai/ Click on search Type DeepSeek, then select the o...
#macs/deepseek#guides#lm-studio
14 9328 10
New
NewsBot
Backend>Official News

Node.js v22.14.0 released!
Node.js v22.14.0 has been released. Link: Release 2025-02-11, Version 22.14.0 'Jod' (LTS), @aduh95 · nodejs/node · GitHub
github.com
/nodejs#official-news
0 4251 0
New
Back to top

Sponsor Spotlight

coders51

We build reliable cloud platforms for business-critical systems.

Frontend>Chat

Frontend Chat ❯

Latest on Devtalk

Devtalk ❯

We ❤️ helpful members!

We reward our most helpful members via our MOTM scheme - by giving away a whopping 25 books per year!

Member of the Month

Devtalk Sponsors

Pragmatic Bookshelf

Practical resources that improve the lives of professional developers.

Erlang Solutions

We build trusted fault-tolerant systems that scale to billions of users.

Honeybadger

Real-time error tracking, performance insights, and observability for devs.

EEF

Supporting innovation across the BEAM ecosystem.

coders51

We build reliable cloud platforms for business-critical systems.

Manning Publications

Develop your skills with books, videos, and courses.

AppSignal

Catch errors, track performance, monitor hosts and more.

WyeWorks

Enabling companies to succeed by building software people love.

Pragmatic Studio

Courses that move you from confusion to "Aha, now I get it!"

View all our sponsors ❯

Categories:

Sub Categories:

Popular Portals

Devtalk Sponsors

Pragmatic Bookshelf

Practical resources that improve the lives of professional developers.

Erlang Solutions

We build trusted fault-tolerant systems that scale to billions of users.

Honeybadger

Real-time error tracking, performance insights, and observability for devs.

EEF

Supporting innovation across the BEAM ecosystem.

coders51

We build reliable cloud platforms for business-critical systems.

Manning Publications

Develop your skills with books, videos, and courses.

AppSignal

Catch errors, track performance, monitor hosts and more.

WyeWorks

Enabling companies to succeed by building software people love.

Pragmatic Studio

Courses that move you from confusion to "Aha, now I get it!"

View all our sponsors ❯

We're in Beta

About us Mission Statement See our Roadmap