CRAFT UI FIGMA PLUGIN CASE STUDY

CRAFT UI FIGMA PLUGIN CASE STUDY

As a designer, I often found myself breaking my creative flow just to look for inspiration. I’d jump between websites, scroll endlessly, save screenshots everywhere and by the time I returned to Figma, the momentum was gone. I realized this wasn’t just my problem. Many designers struggle with finding quality inspiration quickly inside their actual workflow. That insight led me to design a Figma plugin focused on iOS app screenshots and modern web UI inspiration, built to live exactly where designers already work

As a designer, I often found myself breaking my creative flow just to look for inspiration. I’d jump between websites, scroll endlessly, save screenshots everywhere and by the time I returned to Figma, the momentum was gone. I realized this wasn’t just my problem. Many designers struggle with finding quality inspiration quickly inside their actual workflow. That insight led me to design a Figma plugin focused on iOS app screenshots and modern web UI inspiration, built to live exactly where designers already work

🎯 The Problem

Inspiration is essential, but the process of finding it is often frustrating

  • Too much time spent switching between tabs and platforms

  • Inspiration sources scattered across multiple websites

  • Difficulty translating inspiration into usable design references

  • No simple way to organize inspiration per project

Instead of fueling creativity, inspiration hunting was slowing designers down



The Goal

My goal was simple:

Design a lightweight Figma plugin that helps designers discover, save, and use inspiration without leaving Figma.

The plugin needed to feel:

  • Fast

  • Visual

  • Minimal

  • Focused on real design workflows



📣 The Audience

This tool was designed for:

  • Product and UI/UX designers

  • Freelancers working across multiple projects

  • Designers in early ideation stages

  • Design students learning visual patterns


👤 My Role

I handled the project end to end:

  • Product thinking and UX decisions

  • Feature definition

  • User flows and interaction design

  • UI design and prototyping in Figma




🧠 The Solution

I designed a curated inspiration plugin that brings high-quality design references directly into the Figma canvas.


Core Features


Inspiration Feed

A visually rich feed of:

  • iOS app screenshots

  • Modern web UI

Carefully curated to prioritize quality over quantity.


Smart Categories

To help designers browse faster, inspiration is grouped into familiar categories such as:

  • iOS Apps

  • Web UI

  • Landing Pages

  • Dashboards

  • E-commerce


Quick Preview

Designers can open a full screen preview to:

  • Inspect layouts more closely

  • Study typography and spacing

  • Zoom into details without distractions


Save & Collect

Users can save designs into collections, making it easy to:

  • Organize inspiration by project

  • Revisit ideas later without re-searching


Drag & Use

Inspiration can be dragged directly onto the Figma canvas and used as:

  • Visual reference

  • Layout inspiration

  • Starting point for exploration

🎯 The Problem

Inspiration is essential, but the process of finding it is often frustrating

  • Too much time spent switching between tabs and platforms

  • Inspiration sources scattered across multiple websites

  • Difficulty translating inspiration into usable design references

  • No simple way to organize inspiration per project

Instead of fueling creativity, inspiration hunting was slowing designers down



The Goal

My goal was simple:

Design a lightweight Figma plugin that helps designers discover, save, and use inspiration without leaving Figma.

The plugin needed to feel:

  • Fast

  • Visual

  • Minimal

  • Focused on real design workflows



📣 The Audience

This tool was designed for:

  • Product and UI/UX designers

  • Freelancers working across multiple projects

  • Designers in early ideation stages

  • Design students learning visual patterns


👤 My Role

I handled the project end to end:

  • Product thinking and UX decisions

  • Feature definition

  • User flows and interaction design

  • UI design and prototyping in Figma




🧠 The Solution

I designed a curated inspiration plugin that brings high-quality design references directly into the Figma canvas.


Core Features


Inspiration Feed

A visually rich feed of:

  • iOS app screenshots

  • Modern web UI

Carefully curated to prioritize quality over quantity.


Smart Categories

To help designers browse faster, inspiration is grouped into familiar categories such as:

  • iOS Apps

  • Web UI

  • Landing Pages

  • Dashboards

  • E-commerce


Quick Preview

Designers can open a full screen preview to:

  • Inspect layouts more closely

  • Study typography and spacing

  • Zoom into details without distractions


Save & Collect

Users can save designs into collections, making it easy to:

  • Organize inspiration by project

  • Revisit ideas later without re-searching


Drag & Use

Inspiration can be dragged directly onto the Figma canvas and used as:

  • Visual reference

  • Layout inspiration

  • Starting point for exploration

AppShot Home (Free User) Screen

AppShot Home (Free User) Screen

Light & Dark Mode

Light & Dark Mode

Settings

Settings

Light & Dark Mode

Light & Dark Mode

Premium User

Premium User

Light & Dark Mode

Light & Dark Mode

Pricing

Pricing

Light & Dark Mode

Light & Dark Mode

End of subscription

End of subscription

Light & Dark Mode

Light & Dark Mode

Inspo preview

Inspo preview

Light & Dark Mode

Light & Dark Mode

Moodboard creation

Moodboard creation

Light & Dark Mode

Light & Dark Mode

Moodboard Save popup - No collection

Moodboard Save popup - No collection

Light & Dark Mode

Light & Dark Mode

Bookmark Empty state

Bookmark Empty state

Light & Dark Mode

Light & Dark Mode

Bookmark Active state

Bookmark Active state

Light & Dark Mode

Light & Dark Mode

Bookmark New collection state

Bookmark New collection state

Light & Dark Mode

Light & Dark Mode

Bookmark Collection Lists

Bookmark Collection Lists

Light & Dark Mode

Light & Dark Mode

Bookmark Delete & Edit option state

Bookmark Delete & Edit option state

Light & Dark Mode

Light & Dark Mode

Bookmark Delete & Edit option state

Bookmark Delete & Edit option state

Light & Dark Mode

Light & Dark Mode

Bookmark Delete option state

Bookmark Delete option state

Light & Dark Mode

Light & Dark Mode

Web Screenshot Home screen

Web Screenshot Home screen

Light & Dark Mode

Light & Dark Mode

Web Inspo preview

Web Inspo preview

Light & Dark Mode

Light & Dark Mode

Web Moodboard creation

Web Moodboard creation

Light & Dark Mode

Light & Dark Mode

Web Moodboard Save popup - Collection created

Web Moodboard Save popup - Collection created

Light & Dark Mode

Light & Dark Mode

Create a free website with Framer, the website builder loved by startups, designers and agencies.