DMBA AIHackathon

Build a plugin for Orca, hands-on.

Dianne Alter, Design ProjectPress → to begin
Dianne Alter
Your host

Dianne Alter

CEO & co-founder of Design Project

YouTube: 20K subscribers, 1 million views

What you’ll
learn today

  • ✦Understand the new design-to-code workflow
  • ✦Learn the tools that make it possible
  • ✦Build a plugin for a real product
  • ✦Leave with everything you need to start shipping

Setting up your
environment

You should have completed this setup before the workshop.

GitHubOrca setupClaude Code / CodexFigma MCP
Paste this prompt into Claude Code or Codex
Get the skill from https://github.com/alterdianne/orca-plugin-workshop and use it to prepare my computer for the workshop.

Building an
Orca plugin

Orca is an app for working with coding agents like Claude Code and Codex. Plugins change how it looks and behaves, and add new features.

onorca.dev/plugins ↗
Our challenge

Build a plugin that makes Orca better for designers.

Live
demo.

Design references

Mobbin MCP

Connects Mobbin’s library of real app screens and flows to Claude Code or Codex, so your agent can pull UI references while you build.

mobbin.com/education ↗

Student discount on Mobbin Pro.

Workshop
time.

Your prompt

Build an Orca plugin

Design and build an Orca plugin that makes Orca better for designers.

Pick a theme, editor, panel, or command. Browse onorca.dev/plugins for ideas.

Ship it

Publish your plugin

onorca.dev/plugins/add ↗
  1. 01Make sure your public repo has orca-plugin.json and a license.
  2. 02Add the orca-plugin topic to your GitHub repo.
  3. 03Push a version tag, like v1.0.0.
  4. 04Check your listing at onorca.dev/plugins/<you>/<repo>.
Submit

Submit your plugin

  1. 01Email us the link to your plugin so we can review it.
  2. 02We’ll review every submission together.
  3. 03Then we’ll vote for our favorite plugin.

An award for the favorite.

Award details: TBD, coming from Pili.

Submission email: TBD, coming from Pili.

Any
questions?

Keep exploring

Join the
TDP community

Get a 3-month free trial on the yearly subscription to the TDP community.

Use code: CCA26

designproject.io/community ↗
Scan to join, then use code CCA26.