Design Lens

ワンクリックでWebページのデザインの雰囲気を解析し、テキストとして出力するChrome拡張機能

As of June 2026, Design Lens has — users in the Developer Tools category.

d.studylab Developer Tools

Chrome Web Store ↗.crx

Users0%

—

—

Rating0%

—

— reviews

Reviews0%

—

Version

1.0.0

Manifest V3

Permissions & access

Permissions: activeTabscriptingstorage
Host access: https://*/*, http://*/*

Screenshots

Design Lens screenshot 1

About

Design Lensは，webページのデザインの「雰囲気」をワンクリックするだけで解析・取得するツールです．

【主な機能】
• ページの配色、タイポグラフィ、余白、シャドウなどを自動抽出
• AIがデザインの方向性とDo/Don'tを生成
• ローカル処理のみでも動作（API Key不要でも使用可能）

【対応AIプロバイダー】
• OpenAI (GPT)
• Anthropic (Claude)
• Google (Gemini)
• Groq

【プライバシー】
• API KeyはブラウザのみにSAVEされ、外部サーバーには送信されません
• 送信されるのはデザイントークン（色やフォントの数値情報）のみです

Technical

Version: 1.0.0
Manifest: V3
Size: 41.21KiB
Min Chrome: 88
Languages: 1
Featured: No

Metadata

ID: nlkdbhekbkhbeccibofmippnagedejco
Developer ID: u5e6bc40ced5894be48dcd0c0c28bee99
Developer Email: [email protected]
Created: Jan 21, 2026
Last Updated (Store): Jan 21, 2026
Last Scraped: Jun 9, 2026
Website: —
Support URL: —
Privacy Policy: —

Similar extensions

Alternatives to Design Lens, ranked by description similarity.

トンマナビジュアライザー

Webページのトーン&マナー（色・タイポグラフィ・スペーシング）を可視化するツール

Right-click on any image to generate and copy a Midjourney prompt

ソラマメSEO - ChatGPT連携

ChatGPTを活用してページのタイトル・説明・キーワードを最適化するSEOメタデータ自動生成ツール。

ColorPeek - Page Color Palette Extractor

Extract all colors used on any webpage. Get the full color palette with HEX, RGB, and HSL values. One-click copy.

in-browser-design-llm

AI-powered in-browser design assistant for web developers.

DevLens — Design Handover Inspector

Stop guessing pixels. Inspect any element's box model, typography, colors, spacing, and layout properties.

WebサイトのLLMO（Large Language Model Optimization）対応度を評価

Designer's Little Helper

Developer & designer toolkit: Grid, CSS Inspector, Color Picker, Contrast Checker, Responsive Testing & more.

Data sourced from the Chrome Web Store · last verified Jun 9, 2026.