Your web design & marketing BFF. Find, copy and save colors, fonts and styles from the current page. Optimize your SEO.

Latest Version

Version
0.0.13
Update
February 27, 2023
Size
493KiB
Developer
designsidekick.io
Category
Users
3,000+
Rating
5 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
ActiveTab
Scripting
See more

Design Sidekick Extension

Speed up your workflow, get inspired, and manage your website's SEO with a little help from Design Sidekick!

Instantly find colors and fonts on any webpage:
Find out which colors and fonts are used on any website. Copy to your clipboard or save to your favorites library

Quickly inspect page elements:
Click on any page element using Design Sidekick's inspector to view its design styles without having to open Dev tools. Copy the CSS to your clipboard or save the style for later.

Optimize your page for search and social:
Design Sidekick generates an SEO and Open Graph tag checklist to make sure you have all necessary tags and content structure to make a splash in search results and social media feeds.

Do more with a Pagecloud account:
Create a free Pagecloud account to get unlimited favorites, and have your favorites sync to your Pagecloud library. The easiest way to build and manage a website!

With Design Sidekick you can:
- View a list of all colors, fonts and type styles used on a web page
- Inspect a page element to view all design styles used
- Copy any design style to your clipboard
- Paste styles directly onto objects in your Pagecloud website
- Create a library of favorite styles to save for later
- View a page's content structure
- Identify missing SEO and Open Graph tags
- View an Open Graph preview
- Synchronize your favorites across all your chrome browsers (requires a free Pagecloud account)
- Start editing your Pagecloud pages directly from the extension

Design Sidekick is a free extension created by Pagecloud to make website building, editing, and managing even easier.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Design Sidekick", "description": "Your web design & marketing BFF. Find, copy and save colors, fonts and styles from the current page. Optimize your SEO.", "version": "0.0.13", "manifest_version": 3, "permissions": [ "activeTab", "scripting" ], "action": { "default_popup": "build/popup.html", "default_title": "Design Sidekick" }, "icons": { "16": "icon16.png", "48": "icon48.png", "128": "icon128.png" }, "background": { "service_worker": "build/background.js" }, "host_permissions": [ "https://app.pagecloud.com/*", "https://local.pagecloud.com:8000/*" ], "commands": { "toggle-selection": { "suggested_key": { "default": "Alt+P", "mac": "MacCtrl+P" }, "description": "Start selecting objects in the Design Sidekick extension." } }}
Read more

Similar Extensions

icon

Panda Helper Extension · Productivity 3,000+ 3 ★ 14.44KiB

icon

Site Palette Extension · Developer Tools 3,000+ 344 ★ 297KiB

icon

Designer Daily Report Extension · News & Weather 3,000+ 383 ★ 65.9KiB

icon

HTML to Figma - by Builder.io Extension · Productivity 3,000+ 46 ★ 343KiB

icon

Figma Extension · Productivity 3,000+ 27 ★ 1.36MiB

icon

Heurio - One-Click Bug Report & UX Check Tool Extension · Developer Tools 3,000+ 76 ★ 5.86MiB

icon

Colorway: Eyedropper & Color Picker Tool Extension · Developer Tools 3,000+ 181 ★ 201KiB

icon

SVG Gobbler Extension · Developer Tools 3,000+ 95 ★ 1.18MiB

icon

Hoverify Extension · Developer Tools 3,000+ 145 ★ 14.54MiB

icon

Jinno: code any React component with AI Extension · Developer Tools 3,000+ 38 ★ 18.37MiB

icon

UI Design Extension · Developer Tools 3,000+ 3 ★ 26.09KiB

icon

Muzli - Design inspiration hub Extension · Photos 3,000+ 728 ★ 3.51MiB

icon

365 Design Tips Extension · Productivity 3,000+ 4 ★ 107KiB

icon

html.to.design Extension · Productivity 3,000+ 72 ★ 333KiB

icon

Unstack Style Guide Extension · Developer Tools 3,000+ 20 ★ 68.29KiB

icon

HTML to Framer Extension · Productivity 3,000+ 38 ★ 35.35KiB

icon

SuperDev Pro Extension · Developer Tools 3,000+ 48 ★ 7.6MiB

icon

UX Check Extension · Productivity 3,000+ 84 ★ 1.32MiB

icon

SiteSee | Web Design Inspiration Extension · Productivity 3,000+ 5 ★ 64.13KiB

icon

Web Editor Extension · Developer Tools 3,000+ 29 ★ 68.98KiB

icon

SAVEE Extension · Productivity 3,000+ 28 ★ 167KiB

icon

Motion DevTools Extension · Developer Tools 3,000+ 8 ★ 788KiB

icon

Visual CSS Editor Extension · Developer Tools 3,000+ 145 ★ 414KiB

icon

Designer Tools Extension · Developer Tools 3,000+ 227 ★ 987KiB

User reviews

icon

Mikey Bacque (ID: 000000580300a11b) Voted 5 ★ - Updated 02/16/2023 love this tool! super useful for web design