CodeRender — HTML to Figma

Captures the current page and converts it to Figma-paste-ready layers via coderender.

Turn any web page into editable Figma layers in one click. Open the page you want, click the CodeRender icon, and press Capture page. CodeRender copies the page to your clipboard as Figma layers — paste into any Figma file with Ctrl+V (Cmd+V on Mac). What you get • Editable layers, not a screenshot: real text, auto-layout frames, images, and vector icons • Works on the page exactly as you see it, including pages you're signed in to • Progress shown right on the page, with a cancel button while it runs • Keyboard shortcut: Ctrl+Shift+. (Cmd+Shift+. on Mac) How it works 1. Sign in with your free coderender.app account (Google or email). 2. Click the extension on any http or https page and press Capture page. 3. Paste into Figma. The free plan includes 10 conversions a month. Paid plans add more. Privacy CodeRender only reads a page when you click Capture page. It never runs in the background and doesn't collect your browsing history. Password fields are masked before anything leaves your browser. The captured page is sent to CodeRender only to perform the conversion. Privacy policy: https://coderender.app/privacy