jsuarezruiz / figma-to-maui-graphics

FigmaSharp.Maui.Graphics turns your Figma design into .NET MAUI Graphics code
MIT License
382 stars 41 forks source link
dotnet figma hackweek2022 maui

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

Copyright and license

Code released under the MIT license.