Tool with color picker, lorem ipsum generator, typography checker, image resizer/converter, and text transformation.

Latest Version

Version

1.0.0

Update

December 2, 2024

Size

244KiB

Developer

DesignSuite Extension

Repo: https://github.com/leonatkdev/Tools-google-extension

DesignSuite is a powerful, multi-functional tool designed to streamline the workflow of both developers and designers. This extension provides a variety of essential utilities aimed at improving productivity and efficiency in design and development projects. With a focus on ease of use and versatility, the toolkit brings together tools like a color picker, lorem ipsum generator, typography analyzer, and image resizer/converter in one convenient interface.

Features:
Color Picker:

A comprehensive tool for selecting and managing colors. Easily pick colors from any web page or image, view them in different formats (HEX, RGBA, HSL), and fine-tune transparency with an alpha slider. The color picker includes features for adding favorite colors and tracking recent selections. You can also copy colors directly to the clipboard in your preferred format.
Upcoming Improvement: The color picker will be fully optimized in the next release, with enhancements to color accuracy and performance, particularly when dealing with colors that include alpha transparency. Bug fixes related to color rendering on the canvas will also be addressed.
Lorem Ipsum Generator:

Quickly generate placeholder text for your designs or content mockups. Choose from generating paragraphs, words, bytes, or even lists. The generated text can be customized to include links, ideal for testing layout structures and content distribution.
Typography Analyzer:

Analyze and inspect the typography used on a web page or within a design. This tool allows you to check font properties like family, size, weight, line height, and color. Easily copy the entire set of CSS properties to your clipboard for fast integration into your codebase.
Image Resizer & Converter:

Resize and convert images to different formats with ease. Supported formats include JPEG, PNG, WebP, and SVG. The resizer maintains aspect ratio integrity and allows for zooming and panning for precise control over your image dimensions. Save images with or without transparency, and choose the appropriate format for your project’s needs.
Future Updates:
We are committed to regularly enhancing the toolkit, adding new features, and fixing any existing bugs to ensure an even smoother experience. Look forward to:

Enhanced color picking accuracy and expanded format support.
Additional tools for design and development, such as contrast checkers, text transformations, and more.
Continuous performance improvements and bug fixes based on user feedback.
Whether you're a developer coding the frontend or a designer working on the perfect color scheme, this extension is designed to be your go-to companion for everyday tasks. It helps you manage essential tasks like choosing the right colors, generating placeholder text, resizing images, and inspecting typography—all in one place!

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "DesignSuite", "version": "1.0.0", "description": "Tool with color picker, lorem ipsum generator, typography checker, image resizer/converter, and text transformation.", "action": { "default_popup": "toolkit-pro.html", "default_icon": { "16": "images/icon.png", "48": "images/icon.png", "128": "images/icon.png" } }, "permissions": ["activeTab", "storage", "tabs", "scripting", "contextMenus"], "host_permissions": [""], "content_scripts": [ { "matches": [""], "js": ["contentScript.js"], "run_at": "document_idle" } ], "background": { "service_worker": "background.js" }, "icons": { "16": "images/icon16.png", "32": "images/icon32.png", "48": "images/icon48.png", "64": "images/icon64.png", "128": "images/icon128.png" }}

Download CRX(244KiB)