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

AstonJ
Frontend>Chat

What's your flavour of JS on the frontend?
Sprinkles of JS, or full frontend frameworks? What do you use and why?
#opinions#frontend/js
76 3148 26
New
kokolegorille
Frontend>Chat

Web components in 2020
Hello everyone, Does anybody uses Web Components in 2020? It’s quite old, but recently it seems to have some kind of revival. I have be...
#web-components
15 1152 4
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

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
mrmurphy
Frontend>Chat

LiveView & End-to-end encryption
The situation Hi there! I’m working on a live view app right now that encrypts sensitive user content (text and images) using the browser...
/elixir
11 1658 2
New
First poster: bot
Frontend>Chat

Type: A Directed Typing Experiment (demo)
Type. Type is a directed typing experiment. You choose the direction the letters should flow.
type.constraint.systems
#typing#type
0 1046 0
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
riyajohnson
Frontend>Chat

Choosing the Right Framework: Comparing Pros and Cons
When it comes to selecting a framework for a development project, it’s crucial to make an informed decision. With so many options availab...
/angular/react#development#frameworks/vuejs
2 641 1
New
NKTgLaw
Frontend>Chat

NKTg Law on Variable Inertia Across 150 Modern Languages
Introduction The NKTg Law on Varying Inertia describes the tendency of an object in motion depending on its position, velocity, and mass...
/wasm#nktglaw#variable-inertia
1 537 0
New

Other popular topics Top

AstonJ
General Dev>Hardware

Which keyboard do you have?
If it’s a mechanical keyboard, which switches do you have? Would you recommend it? Why? What will your next keyboard be? Pics always w...
#hardware/keyboards#sticky#mechanical-keyboards
144 9115 50
New
DevotionGeo
General Dev>Dev Chat

The V Programming Language
The V Programming Language Simple language for building maintainable programs V is already mentioned couple of times in the forum, but I...
#programminguages/v
21 13874 7
New
PragmaticBookshelf
Backend>Learning Resources

Agile Web Development with Rails 7
Rails 7 completely redefines what it means to produce fantastic user experiences and provides a way to achieve all the benefits of single...
pragprog.com
#pragprog#web-development/ruby/rails#published-book/book-agile-web-development-with-rails-7
32 6600 9
New
PragmaticBookshelf
Backend>Learning Resources

Effective Haskell
Build efficient applications that exploit the unique benefits of a pure functional language, learning from an engineer who uses Haskell t...
pragprog.com
#pragprog/haskell#published-book/book-effective-haskell
15 10218 1
New
AstonJ
macOS>Chat

How to block any website on Mac using Little Snitch
If you want a quick and easy way to block any website on your Mac using Little Snitch simply… File > New Rule: And select Deny, O...
#macos#how-to#littlesnitch
5 11227 3
New
First poster: CommunityNews
AI>In The News

How to fix the eyes in AI-generated images
aidemos.info
0 4508 0
New
PragmaticBookshelf
Community>In The Spotlight

Spotlight: Peter Ullrich (Author) Interview and AMA!
Author Spotlight: Peter Ullrich @PJUllrich Data is at the core of every business, but it is useless if nobody can access and analyze ...
/elixir/phoenix/book-building-table-views-with-phoenix-liveview
72 4765 21
New
AstonJ
Backend>Questions

Psql: error: connection to server on socket "/tmp/.s.PGSQL.5432" failed: No such file or directory
If you’re getting errors like this: psql: error: connection to server on socket “/tmp/.s.PGSQL.5432” failed: No such file or directory ...
#macos/rails/postgresql
1 5553 1
New
AnfaengerAlex
Android>Questions

Unresolved Reference to android in build.gradle.kts – Beginner Issue
Hello, I’m a beginner in Android development and I’m facing an issue with my project setup. In my build.gradle.kts file, I have the foll...
#binding
0 7460 2
New
PragmaticBookshelf
Backend>Learning Resources

Ash Framework
Explore the power of Ash Framework by modeling and building the domain for a real-world web application. Rebecca Le @sevenseacat and ...
pragprog.com
#pragprog/elixir#published-book/ash/book-ash-framework
15 7555 9
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