Item logo image for Distill

Distill

ExtensionDeveloper Tools5 users
Item media 5 (screenshot) for Distill
Item media 1 (screenshot) for Distill
Item media 2 (screenshot) for Distill
Item media 3 (screenshot) for Distill
Item media 4 (screenshot) for Distill
Item media 5 (screenshot) for Distill
Item media 1 (screenshot) for Distill
Item media 1 (screenshot) for Distill
Item media 2 (screenshot) for Distill
Item media 3 (screenshot) for Distill
Item media 4 (screenshot) for Distill
Item media 5 (screenshot) for Distill

Overview

Distill any image into design tokens — color, type, spacing. Right-click or upload.

Distill turns any image into a production-ready design token set. Right-click a logo, a photo, a mood board, or a screenshot on any page, or upload one from the extension popup. Distill reads its colors, typographic mood, and spatial rhythm, and generates a complete token set in seconds. WHAT YOU GET šŸ‘‰ 5–7 color tokens with clear role names (primary, secondary, accent, background, surface, text) šŸ‘‰ Typography suggestions (display + body pairing, real Google Fonts, based on visual mood) šŸ‘‰ A spacing scale and corner radius set derived from the image's shapes šŸ‘‰ A one-sentence "mood" summary of the image's visual personality EXPORT HOWEVER YOU WORK āœ… JSON āœ… Tailwind config āœ… Style Dictionary āœ… A designed, shareable PDF token sheet, one click, ready to send to a client or teammate āœ… A .figma.json file — import straight into the Distill Figma plugin's File tab, tokens and plan status carried over automatically šŸŽØ Also available: Distill for Figma: the same extraction, built directly into Figma as real Variables and Styles, plus a complete system (color ramps, a fitted type scale) with a subscription. Same license key works in both. https://www.figma.com/community/plugin/1669291653854090516/distill WHO IT'S FOR šŸ‘‰ Freelance and agency designers starting a project from a mood board or brand photo šŸ‘‰ Frontend developers who need a working Tailwind config with no designer or design file on hand šŸ‘‰ Indie hackers and founders turning a reference image into a coherent starting palette šŸ‘‰ Marketing and brand teams pulling a quick token set from a photo or competitor page Distill's output is an AI-generated interpretation of an image, a strong starting point, not a single "correct" answer. Typography and mood are inferred, not detected facts. Always review before shipping. PRICING • Free: 2 extractions per week, no account needed • Credit pack: $9 for 10 extractions, no expiry • Unlimited: $12/month or $99/year Full details: https://distill.website

Details

  • Version
    1.2.0
  • Updated
    August 13, 2026
  • Features
    Offers in-app purchases
  • Offered by
    Jo_dev
  • Size
    145KiB
  • Languages
    English
  • Developer
    Email
    jjo930188@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Manage extensions and learn how they're being used in your organization

Distill 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.

Distill handles the following:

Personally identifiable information
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

Google apps