AI 产品解读Design-to-dev inspection overlay
Eliminates context-switching between Figma design files and the browser during development by allowing developers to overlay Figma frames directly onto live websites and inspect/copy CSS styles.
User installs extension and links their Figma account via OAuth. When on a webpage, the extension injects a content script that enables element inspection. The user opens the side panel, selects a Figma file/frame, and the extension overlays it on the page. The user can click elements to inspect their computed styles (via Chrome DevTools debugger protocol), copy CSS properties, and paste them into their code editor.
Overlay Figma frames on live websitesInspect DOM elements and copy their computed CSS stylesPaste styles directly into codeCompare implemented styles with original Figma designsSide panel UI for file selection and inspection
- 目标用户
- Frontend developers / UI engineers / Web designers implementing code
- The extension is a single-page popup (popup/index.js is ~400KB minified React bundle), making some logic hard to trace without decompilation. However, key routing and storage checks were identifiable. No external documentation or pricing page was accessible for verification of potential freemium tiers.
付费分析未识别到付费功能
No evidence of paid features, subscriptions, billing, or upgrade gating within the extension. Keywords like 'pro' and 'upgrade' found in the code are from React library source comments (e.g., 'react.production.js', 'react.profiler') and not related to monetization. No Stripe, payment platform, or plan-checking logic was found.
- 置信度
- 90
- 支付平台
- --
- 来源
- AI / 高
- 需要登录
- 是
- 登录理由
- The extension requires linking a Figma account to function. The popup code checks for a stored 'figmaUser' in chrome.storage.local; if absent, it routes to '/login-with-Figma'. The manifest declares OAuth2 scopes for Figma ('file_content:read', 'current_user:read'), and the extension communicates with Figma's API and Supabase backend to link the user. Without a linked Figma account, the core overlay/inspect workflow cannot operate.