Link to original: https://github.com/jsuarezruiz/figma-to-maui-graphics
Author: jsuarezruiz
Translation: DesertEndWolf (with Google Translate assistance). If the translation feels off, it's recommended to read the original text directly.
Convert Figma designs to .NET MAUI Graphics code using FigmaSharp.Maui.Graphics. Free and open source under the MIT license. Here's an image to help you understand the MIT license.
Further introduction:
See the results in two thumbnails:
The tool, available on Windows and macOS, performs the following steps:
- Access a Figma document using a Personal Access Token.
- Fetch all information and create a node hierarchy that we can iterate or manipulate.
- Once nodes are obtained, it generates C# code for .NET MAUI Graphics.
- After code generation, it compiles the code to ensure no errors were produced.
You can copy and paste the code or export it directly to a file.
Note: This project uses and extends FigmaSharp.
Keep in mind that this tool generates C# code for .NET MAUI Graphics, not XAML or C# code using .NET MAUI views.
Getting Started
To access documents on figma.com, you need to generate a Personal Access Token. Log in to Figma, and from the main menu, go to Help and Account → Account Settings and select Create new token. This will be your only chance to copy the token, so make sure to save a copy in a safe place.
Have questions, need support, or want to contribute? Use GitHub Issues to report bugs and feature requests.
Known Limitations or Issues
- Currently, due to dependencies on .NET MAUI Graphics or FigmaSharp, the tool does not generate vectors or custom fonts.
- While it will be fixed soon, you currently need to set the root node in Figma to position 0,0.
Copyright and License
Code released under the MIT license.