# Introduction

[Figmular ](https://www.figmular.com/)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.&#x20;

{% embed url="<https://youtu.be/AiezCjlmGeo>" %}

### Supported Use-Cases

Currently, Figmular supports the following use cases:

* [export-with-angular-material](https://docs.figmular.com/export-components/export-with-angular-material "mention") - export Figma components directly as components from Angular Material
* [export-with-my-design-system](https://docs.figmular.com/export-components/export-with-my-design-system "mention") - 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) &#x20;
* [export-figma-to-a-new-angular-component](https://docs.figmular.com/export-components/export-figma-to-a-new-angular-component "mention") - 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>