Figmular - Export Figma to Angular
  • Introduction
  • Export components
    • Export with Angular Material
    • Export with My Design System
    • Export Figma to a new Angular component
  • Additional Configuration
    • Components inside components with use of Instance Swap property
    • Fields: Use data from Figma node
    • Share configuration with the team
Powered by GitBook
On this page
  • Supported Use-Cases
  • Installation

Introduction

Last updated 11 months ago

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 , 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
Figmular
https://codesandbox.io/