Help center

Html to Design

Installation & usage guide

  1. Install the plugin

    Open the plugin’s Figma Community page and run it in Figma.

  2. Connect your account

    Run the plugin and choose Sign in. Complete sign-in on the Subvecta page that opens, then return to the plugin. Start from the plugin so the browser can authorize that plugin session.

  3. Import your content

    Choose a webpage URL, HTML code or an HTML file. URLs must be publicly accessible. For code and files, embed CSS and images or use public absolute resource URLs. File imports do not run page scripts.

  4. Convert and edit

    Optionally select components, Design System or Variables, then start conversion. Edit text, adjust layout or replace images on the current Figma page. Review fonts, icons and complex visual details.

Need help? hi@subvecta.net