Navigation Menu

Skip to content

jsuarezruiz/figma-to-maui-graphics

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

From Figma to .NET MAUI Graphics

FigmaSharp.Maui.Graphics turns your Figma design into .NET MAUI Graphics code. Free and Open Source software under the MIT LICENSE.

Replicate quickly nice designs

Replicate quickly nice designs

Create new drawn controls

The tool available on Windows and macOS performs the following steps:

  1. Using a Personal Access Token accesses a Figma document.
  2. Get all the information and creates a hierarchy of nodes that we can go iterate or manipulate.
  3. After getting the nodes, it generates C# code for .NET MAUI Graphics.
  4. After generating the code, it compiles the code to ensure that there are no generation errors.

You can copy and paste the code or export it directly to a file.

NOTE: This project uses and extends FigmaSharp.

Remember, this tool generates C# code for .NET MAUI Graphics, NOT XAML or C# code using .NET MAUI Views.

Getting started

To get documents from figma.com you'll need to generate a Personal Access Token. Sign in to Figma and in 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 you keep a copy in a secure place.

Do you have questions, need support, or want to contribute? Use GitHub Issues for bug reports and feature requests.

Known limitations or issues

  • Currently, due to changes required in .NET MAUI Graphics or FigmaSharp, the tool does not generate vectors or custom fonts.
  • Although it is something that will be fixed shortly, currently you need to set the root node in Figma to position 0, 0.

Copyright and license

Code released under the MIT license.

About

FigmaSharp.Maui.Graphics turns your Figma design into .NET MAUI Graphics code

Topics

Resources

License

Stars

Watchers

Forks

Languages