Introduction

Figmular is a plugin for Figma that allows developers and designers to export their Figma designs to working Angular components in a few clicks.

Any selected Figma node will be presented in HTML, TypeScript, and CSS code. The code can be copied to your project, it can be deployed to https://codesandbox.io/, or just downloaded as a *.zip archive.

Supported Use-Cases

Currently, Figmular supports the following use cases:

• Export with Angular Material - export Figma components directly as components from Angular Material

• Export with My Design System - in case you already have your own design system, you can export Figma nodes as components of that design system (or any other that we do not support yet)

• Export Figma to a new Angular component - generate a new Angular component with plain HTML, TypeScript, and CSS

Installation

To start using Figmular, just find it via the plugins panel in Figma or open it from the community page: https://www.figma.com/community/plugin/1315333447429498897/figmular