Jinero Web Tools

Inspect, screenshot and clip any page. Extract styles, colors, fonts and images, then paste them into Figma as editable layers.

Jinero Web Tools is a designer & developer toolkit that lives in the Chrome side panel. Inspect, capture and extract from any web page, then send it to your free Jinero account and paste it straight into Figma. ✨ TOOLS 🧩 Clip - Capture any block (HTML + CSS, hosted fonts, inlined images) into your library. Every saved element can be inserted into Figma as editable layers with the free Jinero Figma plugin. 📸 Screenshot - Capture the visible area, a selected region, or the full page. 🔍 Inspect - Pick an element and get a live, editable CSS preview that updates as you type. 📐 Measure - Click any element for a box-model popover (padding, margin, border, radius). 🎨 Styles - Pull a page's design tokens: colors, backgrounds, text and spacing. Export to CSS or JSON, or copy the whole color board for Figma. 🅰 Typography - Identify fonts on the page (What the Font) and copy the full type styleguide for Figma. 🖼 Images - List every image (raster, SVG, background), convert formats, copy as PNG or vector SVG, and sort by size. 💧 Eyedropper - Pick any color on screen. 🎨 MADE FOR FIGMA Copy a page's colors as a named, grouped swatch board and its typography as a ready styleguide, then paste them into Figma as editable layers (real text and shapes, not screenshots). Clipped UI blocks insert into Figma as editable layers via the free Jinero plugin. 👤 ACCOUNT Works anonymously out of the box. Sign in with Google (or paste a free API token) only if you want your clipped blocks and saved items synced to your Jinero account. 🔒 PRIVACY The extension only talks to jinero.online, to render, convert and save what you capture. It acts only on the page you choose, when you trigger a tool. No tracking or analytics inside the extension. Privacy policy: https://jinero.online/privacy Built and maintained at https://jinero.online. Designer & developer tools, all free.