Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
Get for 99$

Figma Design Elements


Hi,
We have purchased and used the Metronic theme(s) for sometime.
Is it possible to download design elements for the latest version of Metronic for Figma as we would like to do some storyboarding between our business and dev teams to document the layout/use of components in various parts of the site.
Is this available?


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (5)


Need this too. Its really important.



Hi,

You can download it at https://devs.keenthemes.com/metronic Graphics section.

Best regards,
Bob



Thank you - I did manage to find the 1.0 version which did not have some of the newer elements. I have now downloaded 1.1 and hope they will be present eg the wizard control elements etc.
Will revert if not...



Yeah, 1.1 has more features. We will keep updating it.



Hey Cuan Parker! Totally get the need for smooth communication between your business and dev teams. Fortunately, Metronic hooks you up for Figma fun. Unfortunately, direct design elements for Figma might not be at your fingertips, but fear not—I've got a workaround.

What I'd suggest is to export screenshots of the Metronic components you're eyeing and then import them into Figma. Sure, it's a tad manual, but it gets the job done. I've been in a similar boat, and this method helped me bridge the gap between design dreams and dev reality.

Remember, it's not the fanciest solution, but i'll let you sail the seas of collaboration. If Metronic drops a Figma-friendly bomb in the future, awesome! Until then, happy sailing with your makeshift bridge between design and development. Smooth waters ahead, mate!


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(