Kascade - Chrome Web Store
Item logo image for Kascade

Kascade

kascade.design
5.0(

1 rating

)
Item media 4 screenshot
Item video thumbnail
Item media 2 screenshot
Item media 3 screenshot
Item media 4 screenshot
Item video thumbnail
Item video thumbnail
Item media 2 screenshot
Item media 3 screenshot
Item media 4 screenshot

Overview

Automatically identify style systems and export to Figma and other tools while browsing webpages with Kascade.

◾️Simplify your workflow and streamline your design process with ease. Kascade automatically surfaces style systems and allows you to export your findings to Figma and other tools while browsing web pages. ◾️Collect all styles in one fast move – Identify type foundries, typographic styles, rogue font instances – Extract the exact color palette We extract and summarise type information from a live webpage to speed up your design workflow and get you off to a well informed simple start. ◾️Detect foundational rules automatically – Identify the common type-scale on any page – Enjoy effortless type-scale detection and nearest harmonic scales We aim to help you create the foundations of a robust and scalable design system by quickly identifying typographic harmony. ◾️Integrates into your workflow – Export to Figma, the use our Figma plugin to instantly layout those styles – Export to Tailwind to get going directly into the CSS You can export the start of your next piece of work incredibly fast. ‍Generate what you need and move on to the next stage of your work. The rest is up to you, but you will have a well-informed foundation. 🆕 Surface images easily – We've just added the ability to surface images on the web pages you are currently viewing as well for quick reference. … 💡How it works ◾️How to inspect a web page With your web page open in the Chrome browser simply open the Kascade extension. The Kascade app will open in a side panel next to the site inside the browser, wait for the inspection to run and the panel should display the results. 

 ◾️To explore the Type style instances Click the instances arrow to activate the highlights in the page and show any visible instance on the live page. You can also use the top right chevron in each Type style panel to open and view the most common style group for that element.
To reload – If you need to reload the inspection you can use the reload icon in the top of the Kascade panel next to the url. ◾️Export to Figma, How to access the Kascade Figma plugin You will need to install and use the companion plugin (free) to import into Figma. Once you have installed the plugin into your Figma account you may run the plugin and paste the JSON code you get from the Kascade Chrome extension to create a beautiful style sheet in Figma (Just hit ‘Export to Figma’ and follow the instructions)
Access the Kascade Figma plugin from the Figma community – https://www.figma.com/community/plugin/1185105892762864353/kascade For more information – https://www.kascade.design/faqs … ◾️FREE 7-day trial. You can try the full version of Kascade for free for the first 7 days. Simply enter your email and you are in action. No credit card is necessary for trial use. ◾️In-app subscription. After 7 days your Kascade app will prompt you to sign up for a monthly subscription of $12 USD per month and the Kascade panel will remain available for your continued use.

 ◾️Account status
 You should close Kascade and re-open it to see any new subscription on your account page. … Made with ❤️ by Kascade Aotearoa | New Zealand Visit us: kascade.design Tell us what you think – https://form.jotform.com/232850873450862

5 out of 51 rating

Google doesn't verify reviews. Learn more about results and reviews.

Details

  • Version
    1.1.1
  • Updated
    February 27, 2024
  • Features
    Offers in-app purchases
  • Size
    679KiB
  • Languages
    English
  • Developer
    Kascade
    Prime Property House (Level 6) 2 Woodward Street Wellington 6011 NZ
    Website
    Email
    support@kascade.design
  • Trader
    This developer has identified itself as a trader per the definition from the European Union.

Privacy

Kascade has disclosed the following information regarding the collection and usage of your data. More detailed information can be found in the developer's privacy policy.

Kascade handles the following:

Personally identifiable information
Financial and payment information
Authentication information
Web history
User activity
Website content

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

For help with questions, suggestions, or problems, visit the developer's support site

Related

html.to.design

4.6(59)

Convert any website into fully editable Figma designs. Requires the associated Figma plugin!

Site Palette

3.9(262)

Site Palette generates a color palette from any website, allowing designers to use it as a reference in their work.

Stark Accessibility Checker

4.3(23)

Find and fix compliance issues in record time with automated checks and smart suggestions.

HTML to Framer

4.9(37)

Bring your own website into Framer with a few clicks. Simply copy and paste web elements and edit them directly in Framer.

SERP Design & Typography Grabber

5.0(1)

Extract typography, typescale, color palette, and styling from any website to craft a design kit.

copy-figma-css

5.0(3)

copy-figma-css

Heurio - One-Click Bug Report & UX Check Tool

4.7(77)

Fastest website review, bug report and heuristic evaluation tool for designers and devs.

HTML to Figma - by Builder.io

4.3(46)

Import a web page to Figma layers

Designer Daily Report

4.8(383)

Everything about design in just 5 minutes.

GummyGrab

5.0(3)

Figma’s screenshot sidekick. Capture screenshots in Chrome and bring them into Figma without pushing a single pixel.

Element to Figma

5.0(1)

Copy page elements to figma

Clickup Automatic Time Tracking

5.0(4)

This extension automatically starts the time tracking notifications and tasks and provides some additional shortcuts for clickup.

html.to.design

4.6(59)

Convert any website into fully editable Figma designs. Requires the associated Figma plugin!

Site Palette

3.9(262)

Site Palette generates a color palette from any website, allowing designers to use it as a reference in their work.

Stark Accessibility Checker

4.3(23)

Find and fix compliance issues in record time with automated checks and smart suggestions.

HTML to Framer

4.9(37)

Bring your own website into Framer with a few clicks. Simply copy and paste web elements and edit them directly in Framer.

SERP Design & Typography Grabber

5.0(1)

Extract typography, typescale, color palette, and styling from any website to craft a design kit.

copy-figma-css

5.0(3)

copy-figma-css

Heurio - One-Click Bug Report & UX Check Tool

4.7(77)

Fastest website review, bug report and heuristic evaluation tool for designers and devs.

HTML to Figma - by Builder.io

4.3(46)

Import a web page to Figma layers

Google apps