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

malloryerik
Frontend>Chat

Svelte - what do you think about it?
Any thoughts on Svelte? Svelte is a radical new approach to building user interfaces. Whereas traditional frameworks like React and Vue...
#opinions/svelte
54 3884 17
New
First poster: bot
Frontend>Chat

Declarative Shadow DOM
web.dev
0 1008 0
New
AstonJ
Frontend>Chat

What do you think about TypeScript?
I was watching this video by Richard Feldman (Elm core team) and he’s predicting TypeScript is going to take over the JS world: ...
/typescript/elm#opinions
12 1921 3
New
First poster: bot
Frontend>Chat

ARM chips have an instruction with JavaScript in the name
Why do ARM chips have an instruction with Javascript in the name (FJCVTZS)?. FJCVTZS is “Floating-point Javascript Convert to Signed fix...
stackoverflow.com
#arm#chips/js
0 1422 0
New
AstonJ
Frontend>Chat

What is your preferred language for WebAssembly?
Which WebAssembly language/s interest you? I just discovered AssemblyScript (portal | thread) which looks interesting! Here are some of...
#wruby
3 2605 2
New
AstonJ
Frontend>Chat

AssemblyScript - A language made for WebAssembly
Just discovered AssemblyScript (our portal is here). It…“aims to make it easy to compile to WebAssembly using TypeScript, no strings att...
/typescript/wasm/assemblyscript
1 1817 1
New
SynergyRob
Frontend>Chat

Game of double Chess called Synergy Chess
I invented a game of double Chess called Synergy Chess. I am not a coder. I hired someone to write the program. People can play online fo...
#chess
1 956 1
New
harwind
Frontend>Chat

Why does the image in my `<img>` tag appear larger than its specified width within a flex container?
Why does the image in my &lt;img&gt; tag appear larger than its specified width within a flex container? Here’s my HTML and CSS code: HT...
#frontend
2 882 1
New
guaip
Frontend>Chat

Website jobs are "dead" - what to do now?
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...
#career
12 889 8
New
max_alyokhin
Frontend>Chat

Binary synth — sound from binary code of any files
I created a web-synthesizer that generates sound from the binary code of any files. It can synthesize sound directly in the browser, or b...
0 244 0
New

Other popular topics Top

AstonJ
General Dev>Dev Chat

What are you listening to?
A thread that every forum needs! Simply post a link to a track on YouTube (or SoundCloud or Vimeo amongst others!) on a separate line an...
#community#music
202 5126 102
New
PragmaticBookshelf
Game Dev>Learning Resources

The Ray Tracer Challenge
Brace yourself for a fun challenge: build a photorealistic 3D renderer from scratch! In just a couple of weeks, build a ray tracer that r...
pragprog.com
#pragprog#published-book/book-the-ray-tracer-challenge#algorithms
3 6115 0
New
Exadra37
Linux>Questions

AMD or Intel for Programming with Linux as the OS?
I am thinking in building or buy a desktop computer for programing, both professionally and on my free time, and my choice of OS is Linux...
#mobile#android#web-development#linux#desktop-computer#mobile-development
36 6006 10
New
dasdom
General Dev>Dev Chat

Standing Desks
No chair. I have a standing desk. This post was split into a dedicated thread from our thread about chairs :slight_smile:
#workspace#opinions
177 9554 77
New
AstonJ
General Dev>Code Editors

SpaceVim vs SpaceMacs
SpaceVim seems to be gaining in features and popularity and I just wondered how it compares with SpaceMacs in 2020 - anyone have any thou...
/vim#spacevim#spacemacs/emacs#code-editors
30 4336 14
New
AstonJ
General Dev>Hardware

Seen any cool new keyboards?
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...
/keyboards#mechanical-keyboards
49 5910 39
New
AstonJ
General Dev>Dev Chat

How fast do you type? Check your WPM here!
Do the test and post your score :nerd_face: :keyboard: If possible, please add info such as the keyboard you’re using, the layout (Qw...
typing-speed-test.aoeu.eu
/keyboards
82 7682 31
New
AstonJ
General Dev>Hardware

CharaChorder - type at the speed of thought?
Saw this on TikTok of all places! :lol: Anyone heard of them before? Lite:
/keyboards#charachorder
13 4703 4
New
AstonJ
Data Science

Can AI/ML predict a lottery win?
Biggest jackpot ever apparently! :upside_down_face: I don’t (usually) gamble/play the lottery, but working on a program to predict the...
#ai#machine-learning
19 3939 10
New
PragmaticBookshelf
Backend>Learning Resources

MySQL 9 Essentials
A concise guide to MySQL 9 database administration, covering fundamental concepts, techniques, and best practices. Neil Smyth MySQL...
pragprog.com
#pragprog#published-book/mysql/book-mysql-9-essentials
2 4162 0
New
Back to top

Sponsor Spotlight

EEF

Supporting innovation across the BEAM ecosystem.

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