Content Generator

Sketch to Mockup

Overview

A web app the uses RAG to query sources, perform research and generate slides on required topics.

A Figma Plugin that uses a multimodal LLM modal to convert drawings to high fidelity mockups

Pain points from user interviews

Developers are dependent on high fidelity mock- ups to start building, which increases GTM time.
Slow GTM means slow iteration and results in slower learning rates which is not ideal.

Solution

Send hand drawn sketches to LLM to get JSON representations
Use Design System and Lean UX to map low fidelity drawing to high fidelity components.
Plugin combines DS mapping and data from LLM to render high fidelity mockups in Figma.

Demo and Walkthrough

A walkthrough of the plugin that shows the user flow and explains how it works.