# Figma Projects at AI Tinkerers

> Canonical HTML: https://aitinkerers.org/technologies/figma
> Markdown URL: https://aitinkerers.org/technologies/figma.md
> Technology record last updated: 2026-02-23T20:58:03Z
> Generated: 2026-08-26T01:26:02Z

Cloud-based interface design and prototyping tool: enables real-time, cross-platform collaboration for design teams and developers.

Figma centralizes the design process with its powerful, browser-based vector editor and live collaboration engine. It offers core features like Auto Layout for responsive design, reusable Components for building scalable design systems, and advanced Prototyping tools (including Smart Animate) for creating high-fidelity, interactive user flows. This platform unifies design, prototyping, and developer handoff—eliminating file versioning issues and streamlining the entire product development lifecycle for millions of users globally.

- Official technology site: https://www.figma.com/
- Public AI Tinkerers demos and talks: 6
- Result page: 1 of 1

## Recent Public Talks and Demos

### [The Operating System for Skilled Trades](https://ee.dream.page/talks/rsvp_kTXD2YjOOfc)

Roofing companies often run on the experience of a few highly tenured people. The foreman who has been installing roofs for twenty years or the sales rep who knows exactly what to look for. The problem is that this knowledge usually lives in their heads, which leads to long ramp times for new hires, inconsistent execution in the field, and costly mistakes like underscoped jobs and callbacks. In this talk I will introduce Holocron, a platform designed to capture that hard earned knowledge and turn it into scalable training, standards, and operational playbooks so companies can onboard faster, execute jobs more consistently, and protect their margins as they grow.

- Event context: Eastside Entrepreneurs: Woodinville Tech Night — Where Founders, Capital & Deep Tech Converge - March 2026 — 2026-03-06 — Eastside Entrepreneurs
- Public talk page: https://ee.dream.page/talks/rsvp_kTXD2YjOOfc

### [Using AI to Build Production Grade Mobile Apps](https://san-diego.aitinkerers.org/talks/rsvp_K3TaJybd13w)

I will demo how I built Bizzie, a production-grade stock market app, by leveraging an AI-augmented pipeline from design to deploy. This isn't a "Hello World" demo; it’s a look at how to use AI to enforce Clean Architecture and enterprise standards (on par with a Fortune 100 company). The Stack & Flow: Design-to-UI: Using Figma Make + Figma MCP to bridge the gap between design tokens and production Flutter code. Agentic Engineering: Managing a fleet of specialized AI Agents (Antigravity) to scaffold CI/CD, write unit tests, and enforce strict architectural patterns. Accessibility: Leveraging Stark’s AI for adherence to WCAG 2.2 AA. What I’ll Show: I’ll run the app live and dive into my IDE (Antigravity) to show the "messy" reality of agentic development. You’ll see exactly where AI excels (boilerplate/scaffolding) and the specific hacks required to make it output Fortune 100-level code quality.

- Event context: AI Tinkerers San Diego: February Meetup at Google — 2026-02-27 — San Diego
- Public talk page: https://san-diego.aitinkerers.org/talks/rsvp_K3TaJybd13w

### [Failing Fast with AI: Rapid Prototyping Using Google AI Studio](https://pereira.aitinkerers.org/talks/rsvp_BLcMVGVLlTs)

This demo explores a paradigm shift in product development: failing fast to learn faster. I’ll demonstrate how Google AI Studio can be used to rapidly prototype AI-powered applications, validate ideas, and surface potential product value—without investing significant time, money, or engineering resources upfront. The focus will be on hands-on experimentation, iteration cycles, and technical workflows rather than slides or theory.

- Event context: Cambio de paradigma AITINKERERS PEREIRA 2026 — 2026-02-26 — Pereira
- Public talk page: https://pereira.aitinkerers.org/talks/rsvp_BLcMVGVLlTs

### [Design → Agentic UI Parity: Verifiable Figma/XD → MCP App UIs using constraint manifests + template registries](https://nyc.aitinkerers.org/talks/rsvp_ISg04Sc9n2Q)

We’ll demo a verifiable pipeline that translates Figma/Adobe XD designs into constraints + tokens + responsive rules, generates interactive MCP App UIs, and produces a design parity report (auditable) that proves the shipped UI honors design intent across breakpoints. What we’re building (technical, grounded) A design-to-agentic-UI system with four primitives: Design ingestion (Figma/XD) Extract design tokens (color, type scale, spacing), component semantics (buttons, cards, nav), and layout intent (grid, alignment, density). Convert to a normalized Design Intent Spec (DIS). Template registry (universal UI templates) A library of parametric templates (layout archetypes + interaction patterns). Templates accept tokens + constraints and output UI code. Constraint manifest (the verification core) A machine-readable manifest that encodes: Layout constraints (grid columns, min/max widths, padding rules, alignment invariants) Responsive rules (breakpoints, reflow behavior, truncation rules, priority ordering) Component contracts (required states, accessibility expectations, interaction affordances) This manifest is the “source of truth” the generator must satisfy. MCP App UI runtime The UI is delivered as an MCP App (interactive UI inside the client) with explicit tool bindings (UI actions → tool calls). The same manifest drives both generation and verification. The verification mechanism (non-brittle parity checks) We’ll show two complementary verification layers that go beyond “apply tokens”: A) Structural / rule-based verification (fast, deterministic) Compile DIS → constraint assertions per breakpoint: e.g., “card grid is 1-col under 640px, 2-col under 1024px, 3-col above” “primary CTA remains above the fold on mobile” “nav collapses into drawer with N max items visible” Verify the generated UI against these assertions by analyzing: template parameters used layout tree structure computed layout properties for each breakpoint (from the rendered DOM snapshot) B) Visual / perceptual verification (tolerant, non-brittle) Render both: design reference (from Figma/XD export frames) generated UI (MCP App UI at the same viewport sizes) Compute similarity using: a perceptual diff (SSIM/LPIPS-style) and bounding-box alignment checks for key components (header, CTA, cards) Output a parity score per breakpoint + annotated diffs. The auditable output (what we’ll “pop the hood” on) A concrete engineering artifact called a Design Parity Report, containing: tokens applied (hashes + versions) template IDs and parameters used constraint manifest version parity scores per breakpoint annotated diffs for any violations remediation hints (“use Template X instead of Y”, “tighten padding constraint at md breakpoint”) This report is logged as an append-only, auditable event alongside the UI artifact, so teams can prove what changed, why it changed, and whether parity improved or regressed over time. What we’ll demo live (5 minutes) Start with a Figma/XD screen (desktop + mobile frames). Ingest → generate interactive MCP App UI. Run the parity checker across 3 breakpoints. Show the Design Parity Report + one intentional failure (e.g., CTA drops below fold on mobile). Fix by changing a constraint or swapping template → re-run → parity passes.

- Event context: Feb Demo Day: How are you turning design into code? (with Baz) — 2026-02-04 — New York City
- Public talk page: https://nyc.aitinkerers.org/talks/rsvp_ISg04Sc9n2Q

### [Giving Agents Eyes & Hands](https://tel-aviv.aitinkerers.org/talks/rsvp_SPmhgz5QYTE)

Code review today is blind to intent. It can see diffs, but not whether an implementation actually matches the product spec, design, or real user behavior. This talk introduces Spec Reviewer, an AI code-review agent that gives agents eyes and hands. The agent collects requirements from tickets (Jira, Linear etc) and designs (Figma), maps them into a contract, then spawns AI agents which manipulate isolated browser session to interact with the preview environment and validate each requirement end-to-end. The agent then provides clear feedback, pinned to the exact code paths responsible, with screenshots from the agent’s sandboxes session showing what it observed.

- Event context: AI Tinkerers Tel Aviv: End of Year Demo Party (feat AI21, CopilotKit, MCP-UI, and more!) — 2025-12-23 — Tel Aviv
- Public talk page: https://tel-aviv.aitinkerers.org/talks/rsvp_SPmhgz5QYTE

### [Building & Open-Sourcing JACoB - Just Another Coding Bot](https://seattle.aitinkerers.org/talks/rsvp_wNdwAZWCMX0)

For the past year, I've been slowly building out an AI coding bot that I've been using to help me with my everyday coding tasks. It's now at a point where I'd like to share it with the community and open-source the full code to let people start experimenting with it, and what better place to unveil this than the AI Tinkerers community? This demo will show the very early, hacked-together version of a web portal that pulls in your current tasks via GitHub issues, helps you clarify and break down your tasks into detailed GitHub issues, and (optionally) assign these tasks directly to an AI coding bot that will work through the task and present its work via a GitHub pull request. I'll also share how I put together an arena-style evaluation site to solve the problem of how to run evals on a system that tackles real-world tasks vs AI research.

- Event context: AI Tinkerers Seattle - April 2024 Meetup — 2024-04-26 — Seattle
- Public talk page: https://seattle.aitinkerers.org/talks/rsvp_wNdwAZWCMX0

## Related Technologies

- [Adobe XD](https://aitinkerers.org/technologies/adobe-xd) ([Markdown](https://aitinkerers.org/technologies/adobe-xd.md)) — 2 public demos
- [LangChain](https://aitinkerers.org/technologies/langchain) ([Markdown](https://aitinkerers.org/technologies/langchain.md)) — 444 public demos
- [Antigravity](https://aitinkerers.org/technologies/antigravity) ([Markdown](https://aitinkerers.org/technologies/antigravity.md)) — 6 public demos
- [AWS](https://aitinkerers.org/technologies/aws) ([Markdown](https://aitinkerers.org/technologies/aws.md)) — 37 public demos
- [AWS AgentCore](https://aitinkerers.org/technologies/aws-agentcore) ([Markdown](https://aitinkerers.org/technologies/aws-agentcore.md)) — 2 public demos
- [AWS identity services](https://aitinkerers.org/technologies/aws-identity-services) ([Markdown](https://aitinkerers.org/technologies/aws-identity-services.md)) — 1 public demo
- [Axure RP](https://aitinkerers.org/technologies/axure-rp) ([Markdown](https://aitinkerers.org/technologies/axure-rp.md)) — 1 public demo
- [Balsamiq Mockups](https://aitinkerers.org/technologies/balsamiq-mockups) ([Markdown](https://aitinkerers.org/technologies/balsamiq-mockups.md)) — 1 public demo
- [Bitcoin](https://aitinkerers.org/technologies/bitcoin) ([Markdown](https://aitinkerers.org/technologies/bitcoin.md)) — 1 public demo
- [Chroma](https://aitinkerers.org/technologies/chroma) ([Markdown](https://aitinkerers.org/technologies/chroma.md)) — 8 public demos
- [Claude Opus](https://aitinkerers.org/technologies/claude-opus) ([Markdown](https://aitinkerers.org/technologies/claude-opus.md)) — 17 public demos
- [CSS](https://aitinkerers.org/technologies/css) ([Markdown](https://aitinkerers.org/technologies/css.md)) — 6 public demos
- [ERC-8004](https://aitinkerers.org/technologies/erc-8004) ([Markdown](https://aitinkerers.org/technologies/erc-8004.md)) — 2 public demos
- [FAISS](https://aitinkerers.org/technologies/faiss) ([Markdown](https://aitinkerers.org/technologies/faiss.md)) — 17 public demos
- [Flutter](https://aitinkerers.org/technologies/flutter) ([Markdown](https://aitinkerers.org/technologies/flutter.md)) — 22 public demos
- [Framer](https://aitinkerers.org/technologies/framer) ([Markdown](https://aitinkerers.org/technologies/framer.md)) — 2 public demos
- [Gemini 3](https://aitinkerers.org/technologies/gemini-3) ([Markdown](https://aitinkerers.org/technologies/gemini-3.md)) — 8 public demos
- [Gemini models](https://aitinkerers.org/technologies/gemini-models) ([Markdown](https://aitinkerers.org/technologies/gemini-models.md)) — 2 public demos