Auto-Collect Design Reference Images
Design inspiration gets lost across browser tabs, screenshots, and emails. Notis extracts every design reference image from a URL - photos, diagrams, UI components, color usage examples - and catalogs them in Context.dev with metadata so your design team has a centralized reference library.
Trigger
Webhook received
Notis starts this workflow when an external tool or custom backend sends an HTTP request.
Action
Scrape Images
Extract every image asset from a page with metadata.
Why this helps
Building a design reference library requires manual screenshot collection and bookmarking, leading to lost inspiration and inconsistent design decisions.
- Build design reference library without manual collection
- Standardize design inspiration across team
- Reduce designer research time
- Create sharable style guides from references
Setup
Build it in a few focused steps.
- 1Connect CompanyCam and Context.dev to Notis
- 2Create automation: 'When I give you a website URL, scrape all design reference images - layouts, colors, components, typography samples - and save them to Context.dev'
- 3Set trigger to webhook for manual submission
- 4Notis collects images with metadata and catalogs them
- 5Test with a design inspiration website - verify images are captured with timestamps and source URLs
Questions about this workflow
What image metadata gets captured?
Notis saves image URLs, alt text, placement on page, surrounding context, and extraction timestamp. You can tag images manually or ask Notis to auto-tag by design element type.
Can I organize references by category?
Yes - after collection, ask Notis to sort images by element type (buttons, layouts, color palettes, typography) or by client/project.
Can I export these for design tools?
Yes - export as mood boards, Pinterest-style links, or upload directly to Figma as reference pages for your design team.
When this happens · Trigger
Do this · Action
Supported Triggers and Actions
Notis builds workflows that link CompanyCam to Context.dev. A trigger fires from one place; an action lands in another.
CompanyCam triggers
Context.dev actions
Recurring trigger
Notis starts this workflow on a schedule, such as daily, weekly, or during business hours.
Extract Structured Data
Crawl a website and return JSON matching a caller-supplied JSON Schema.
Webhook trigger
Notis starts this workflow when an external tool or custom backend sends an HTTP request.
Retrieve Brand
Resolve a company by domain, name, or ticker into a full brand profile.
Identify Transaction
Map a noisy card or bank descriptor to the real merchant and its brand data.
Scrape Images
Extract every image asset from a page with metadata.
Web Search
Search the web and optionally scrape each result to Markdown in one call.
Extract Styleguide
Extract a website's design system: colors, typography, spacing, shadows, and UI components.
Connect any two apps with Notis in the middle.
CompanyCam and Context.dev, or any other combination from 1,000+ integrations.
When this happens · Trigger
Do this · Action
Save your first hour today.
7-day trial of any paid plan, with 20$ of usage included.
No card. Works with personal or business Context.dev.