Skip to Content
IntegrationsFigma Plugin

Figma Plugin — Cooper House Intel

The Figma plugin gives designers direct access to Chirk’s intel data inside Figma. Select a project, browse its comp set, and insert hotel data, images, brand assets, and competitive analysis content without leaving the design tool.

The Workflow

  1. Open the plugin in Figma (Plugins → Cooper House Intel)
  2. Select a project — the plugin shows all active Cooper House projects with comp sets
  3. Browse the comp set — hotels are grouped by tier (primary, secondary, aspirational)
  4. Select a hotel — view its data, images, brand assets, and SWOT analysis
  5. Insert what you need — click to place content directly onto the Figma canvas

What You Can Insert

Images

  • Browse a hotel’s image gallery, filtered by type (exterior, interior, room, food, etc.)
  • Select one or multiple images for batch insertion
  • Images can replace the fill of a selected node or be placed as new frames

SWOT Analysis

  • Inserts a formatted SWOT layout with the hotel name, location, and competitive profile
  • Color-coded quadrants: Strengths (green), Weaknesses (red), Opportunities (blue), Threats (amber)
  • Each quadrant auto-sizes to fit its content

Brand Assets

  • Logos — insert any logo variant (primary, secondary, icon, wordmark, monochrome)
  • Color palettes — inserts a row of color swatches with names and hex values
  • Typography — view font families, weights, and usage for the hotel’s brand

Quick Actions

One-click insertion of pre-formatted layouts:

ActionWhat It Creates
Hotel CardSummary card with hero image, name, location, key stats
Brand OverviewFull brand frame with logos, colors, and font specimens
Photo GridGrid layout of selected hotel images
Comp SlideCompetitive analysis layout with data and positioning

Panels

Project Selector

Lists all Cooper House projects that have comparators. Shows project name, client, and comparator count.

Comp Set Overview

After selecting a project, shows all comparator hotels grouped by tier. Each hotel displays its name, city, hero image thumbnail, and flag brand.

Hotel Detail

Five sections for the selected hotel:

  • Data — name, location, chain scale, room count, nightly rate, star rating, description
  • Images — gallery with type filter and multi-select for batch insertion
  • SWOT — strengths, weaknesses, opportunities, threats with one-click layout insertion
  • Brand Assets — logos, color palette, and font details from the linked brand
  • Quick Actions — one-click buttons for inserting pre-formatted cards, grids, and layouts

Settings

Configure the API connection (base URL and API key). Settings are stored in Figma’s client storage and persist across sessions.

Installation

The plugin is loaded from a local build during development:

cd figma-plugin
npm install
npm run build

In Figma, go to Plugins → Development → Import plugin from manifest and select figma-plugin/manifest.json.

Tips

  • The plugin loads all comp set data in a single request — switching between hotels within a project is instant
  • Use batch image insertion to place multiple images at once with a progress indicator
  • Brand assets come from the brand linked to the hotel via intel_brand_entity_links — if a hotel has no linked brand, the Brand Assets section will be empty
  • The image proxy handles CORS so all images load reliably inside the Figma iframe
Chrome ExtensionOverview