Back to Plugins
xaml.to.design — by ‹div›RIOTS — Import any XAML file to Figma
Convert any XAML document into Figma designs.
Plugin Preview
About this plugin
Convert any XAML graphics into Figma designs.
Import your XAML files into Figma as designs with fully-editable layers, or as pixel-perfect images.
All files are kept 100% private on your local machine and never sent to any server. We never see your documents.
How to import a XAML file into Figma:
- Drag-and-drop or upload your .xaml file into xaml.to.design plugin.
- In a few seconds your file will be converted into editable Figma designs!
Why use xaml.to.design?
- Extract images and text from your XAML and get them straight into Figma.
- Iterate from existing .xaml designs in Figma.
Key features
- Convert XAML files into fully-editable Figma layers.
- Replace missing fonts.
- Supports text styles like colors, weights, sizes etc.
- Import vectors, ready to be edited in Figma.
- Vector clipping masks.
- Vector strokes.
- Imports all layers including hidden ones.
FREE
Plugin Details
| Version | 3 |
|---|---|
| Created | January 6, 2026 |
| Last Updated | January 16, 2026 |
| Category | Import & export plugins |
| Creator | divRIOTS |
| Stats | 1 installs, 3 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- main:build/main.js
- Document Access:dynamic-page
- Network Access:
xaml.to.design processes the XAML files locally in the plugin. 100% privately. Anonymous usage analytics are captured on api.divriots.com to improve user experience.
- Editor Types:figma
- Allowed Domains:
- https://*.divriots.com
- https://xaml.to.design
More Like This
Discover other plugins in the Import & export plugins category.
html.to.design — by ‹div›RIOTS — Import websites to Figma designs (web,html,css)
Convert any website into fully editable Figma designs
Anima - Figma to Code React, HTML, CSS, Tailwind, MUI (DevMode Inspect React / HTML / Vue / CSS)
Anima - AI Powered Design to code
Figma to HTML
Convert Figma design to HTML