Firefox ブラウザーアドオン
  • 拡張機能
  • テーマ
    • Firefox 向け
    • スペルチェック辞書と言語パック
    • 他のブラウザーサイト
    • Android 向けアドオン
ログイン
Web Design Ruler のプレビュー

Web Design Ruler 作成者: LXB-Studio

Essential design tools for web designers: pixel-perfect measurements, font identification, and professional color picking.

0 (0 reviews)0 (0 reviews)
8 Users8 Users
Firefox をダウンロードして拡張機能を入手する
ファイルをダウンロード

拡張機能メタデータ

スクリーンショット
Welcome PageColor PaletteColor PickerMeasurement ToolRight Click Menu
この拡張機能について
Web Design Ruler 📏🎨🔠 | The Ultimate Design Assistant

The essential extension for web designers and developers who demand accuracy.

Web Design Ruler combines three powerful tools in one sleek extension, eliminating the need to switch between multiple applications during your design workflow:

🔍 Precise Measurement Tool

Measure any element's width, height, and diagonal dimensions with pixel-perfect accuracy
Get exact spacing and alignment information for any webpage element
Perfect for UI audits, responsive design testing, and detail-oriented layout work

🔤 Font Identifier

Instantly recognize any font used on a webpage with a single click
Discover complete typography details including font family, size, weight, and style
Save time searching for perfect typography matches for your projects

🎨 Color Picker

Extract exact colors from any webpage element
Get complete color values in HEX, RGB, and HSL formats
Maintain perfect color consistency across your designs

Simple, Intuitive, and Powerful
Web Design Ruler integrates seamlessly, accessible via icon click or right-click context menu. No complicated setup or learning curve - just the essential design tools you need, when you need them.

Built with Privacy in Mind

✅ Works completely offline - no internet connection required
✅ No data collection or tracking
✅ Minimal permissions - only accesses your active tab when tools are explicitly activated
✅ No ads, bloatware, or unnecessary features

🆕 What's New in Version 1.1

🎉 Complete UI Redesign

Modern, professional interface with intuitive tab navigation
Cleaner, more responsive design for better user experience
Improved visual feedback and smoother animations

🎭 NEW: Color Palette Manager

Create and save custom color palettes
Import/export palettes as JSON files
Built-in starter palettes (Material Design, Neutrals, LXB Studio)
Save colors from any website to your palettes
Right-click to remove colors, rename palettes with ease

✨ Enhanced Features

Recent Colors: Automatically tracks your last 20 picked colors
Font Memory: Save detected fonts for future reference
Better Color Display: See colors in HEX, RGB, and HSL simultaneously
One-click Copy: Copy any color format instantly
Visual Measurements: See dimensions visualized in real-time

🐛 Bug Fixes & Improvements

Fixed context menu activation issues
Improved tool activation reliability
Better error handling and user notifications
Removed unused magnifier element from color picker
Enhanced keyboard shortcuts (ESC to cancel any tool)

📝 Note
This update represents a major overhaul based on user feedback. We've focused on making Web Design Ruler more powerful while keeping it simple and fast. Thank you for your support!

Version 1.1 Summary:

✨ Complete UI redesign with modern interface
🎭 NEW: Color palette manager with import/export
🎨 Track recent colors and save fonts
🐛 Bug fixes and performance improvements

Made with ❤️ by LXB Studio | Visit webdesignruler.com
Rated 0 by 0 reviewers
ログインしてこの拡張機能を評価
まだ評価されていません

星の評価を保存しました

5
0
4
0
3
0
2
0
1
0
まだレビューはありません
Permissions and data詳細情報

必要な権限:

  • クリップボードへのデータ入力
  • 通知の表示
  • すべてのウェブサイトの保存されたデータへのアクセス
詳しい情報
アドオンリンク
  • ホームページ
  • サポートサイト
  • サポートメールアドレス
バージョン
1.1.1
サイズ
50.36 KB
最終更新日
4ヶ月前 (2025年6月10日)
関連カテゴリー
  • ウェブ開発
ライセンス
All Rights Reserved
プライバシーポリシー
このアドオンのプライバシーポリシーを読む
バージョン履歴
  • すべてのバージョンを見る
コレクションへ追加
このアドオンを報告
Mozilla のホームページへ

アドオン

  • このサイトについて
  • Firefox アドオンブログ
  • 拡張機能ワークショップ
  • 開発者センター
  • 開発者ポリシー
  • コミュニティブログ
  • フォーラム
  • バグを報告
  • レビューガイド

ブラウザー

  • Desktop
  • Mobile
  • Enterprise

製品情報

  • Browsers
  • VPN
  • Relay
  • Monitor
  • Pocket
  • Bluesky (@firefox.com)
  • Instagram (Firefox)
  • YouTube (firefoxchannel)
  • プライバシー
  • Cookie
  • 法的情報

特に 明記されている 場合を除き、当サイト上のコンテンツは Creative Commons 表示・継承ライセンス v3.0 あるいはそれ以降のバージョンで公開されています。