DEV Community

Juan Carlos
Juan Carlos

Posted on

Figma to WebAssembly WebGL, a click away today

Alt Text

Alt Text

Alt Text

Alt Text

Fidget

Figma Plugin

Alt Text

The Fidget plugin is Published, it should appear on the Plugins list soon, is waiting for final approval.

Get started today

GitHub logo treeform / fidget

Figma based UI library for nim, with HTML and OpenGL backends.

👏 👏 👏 Check out video about the library: Fidget: Let's rethink UI development with Nim (NimConf 2020) 👏 👏 👏

⚠️ WARNING: This library is still in heavy development. ⚠️

Fidget - A cross platform UI library for nim

nimble install fidget

Github Actions

API reference

About

Fidget aims to provide performant natively compiled cross platform UIs for any platform - Web with HTML5, Windows, macOS, Linux, iOS and Android with OpenGL.

Fidget leverages Figma - an app that is taking the design world by storm. It does this by providing a Figma Plugin to export directly to fidget code! No more counting stupid pixels, no more CSS puzzles. Want to change some spaces? Change it in Figma and export.

Fidget uses plain nim-procs, nim-templates, if-statements and for-loops. As well as providing only minimal primitives found in Figma.

Example:


Design done by Kate von Houck. Available for hire.

See code…




Hello World

Hello World on the Browser:

console.log("Hello World")
Enter fullscreen mode Exit fullscreen mode

Hello World on the Backend:

echo "Hello World"
Enter fullscreen mode Exit fullscreen mode

Thank you for playing

There's bridged Gitter, Matrix, Telegram, IRC, Discord for Nim, come say Hi.

Telegram en Español. Discord en Español.

Discussion (0)