Figma

Connect Figma so Hamster can reference your designs when writing briefs, blueprints, and plans.

Overview

The Figma connection links your Figma account to Hamster Studio. Once connected, Hamster can pull in relevant designs — screens, components, layout decisions — when you're working on a brief or blueprint. Instead of describing a design in words, attach the Figma file and let Hamster work from the actual source.

You can also upload .fig files directly to a brief's Context tab. Hamster extracts thumbnails, structure, and design details from the file, making design context available even without an active Figma connection.

How to Connect

  1. Go to Settings > Connections and click the Figma card.
  2. Click Connect with Figma. You'll be taken to Figma to authorize.
  3. Review the permissions and click Allow.
  4. You're returned to Hamster Studio. The connection is ready to use.

Hamster only requests read access to your Figma files. It cannot modify your designs.

What Hamster Can Reference

  • Files — Design files in your Figma account, including pages, frames, and components
  • Thumbnails — Visual previews that appear in the Context tab and brief editor
  • Structure — File names, last modified dates, and how your designs are organized

Hamster uses design context when writing briefs, blueprints, and generating task plans. If a brief mentions a specific screen or component and Figma is connected, Hamster references the actual design instead of working from a text description alone.

Uploading .fig Files

You can also drop Figma's native .fig files directly into a brief's Context tab, the same way you'd upload a PDF or image. Hamster reads the file and extracts:

  • Thumbnail — A visual preview on the document card
  • Structure — Page names, component hierarchy, and how the file is organized
  • Design details — Information Hamster uses as context when writing briefs and generating plans

This is useful when you want to share a specific design snapshot, or when working without an active Figma connection.

Tips

  • Connect Figma before generating a plan if your brief references specific designs. Hamster produces more accurate task breakdowns when it can see the design, not just read about it.
  • Upload .fig files for design snapshots you want to freeze as context. The uploaded file captures the design at that point in time, independent of future Figma changes.
  • Figma works well alongside GitHub. Hamster can connect designs to the code that implements them when both are connected.
  • The Figma connection is team-level — connect once and every team member benefits.

Related