HtmlGenerator

Plugin
Figma Resource

HtmlGenerator renders any selection into its HTML equivalent with its associated CSS, all indented and separated for you to copy and paste. Speeding up your conversion process much faster.

Currently Featured

  • NEW! In-app preview: Preview your selection in realtime HTML before exporting
  • Revamped UI & Improvements
  • Dedicated export options
  • IMAGES – you can now render images from the plugin. Details in version notes
  • Multi level GROUP/COMPONENT/FRAME RENDERING. You can now render items as a FIGMA GROUP
  • Letter Spacing & Line Height
  • Text (Line height, font family, etc)
  • Fonts (Google Fonts) with full link tag generation (fonts.googleapis.com)
  • Shapes (Rectangles, ellipse, vector)
  • Solid color fill
  • Drop shadow
  • Linear Gradient
  • Mask Support