The New Way to Build! Introducing ReUI — the developer platform for agentic UI with shadcn/ui
Learn More

Is there any components repository in Figma?


In the Figma file, there are only pages and demos.
Is there any library with separated components as:
- All icons listed
- Dropdowns
- Buttons and it states

Thanks,


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (3)


It's a pity,
Definetly an improvement for the next update. A must for better collaboration between developers and designers.
Is there any icon library reference somewhere?

Thanks,



Hi,

Sure, we will be working on the complete design system for Metronic and release it for all popular formats in the near future.

The duotone icons are included in the design folder of the package.Also, you can preview all icons in the documentation.

Regards



Hi,

Thanks for your interest in Metronic.

Metronic comes with an in-house version of the Figma file(not the design system) that includes core features of Metronic, dashboards, widgets, layouts, and general pages.  Also, we provide 4 pro illustrations packs and 400+ duotone SVG icons with full source files. All of the above design files are included in the design folder in your purchased Metronic package from an exclusive purchase link

Regards,
Sean


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(