DEV Community


Figma to WebAssembly WebGL, a click away today

juancarlospaco profile image Juan Carlos ・1 min read

Alt Text

Alt Text

Alt Text

Alt Text


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) 👏 👏 👏

Fidget - A cross platform UI library for nim

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

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.


Design done by Kate von Houck. Available for hire.

See code here: examples/demo/demo.nim

Minimal Sample:

import fidget,
Enter fullscreen mode Exit fullscreen mode

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)

Forem Open with the Forem app