Best Codex plugins for design and UI
We found 27 listings for design and UI that work with Codex. 13 of them are in OpenAI's official curated catalog (Adobe, Boltz, Build iOS Apps, Build Web Apps, Build Web Data Visualization, Canva, CrowdStrike Falcon Foundry, Expo, Figma, Game Studio, MagicPath, Product Design, Test Android Apps), so they install from the built-in marketplace. 14 are community repos that pass our quality filter (not tested by us).
How this list was made: every listing in the CodexStacks catalog whose name or description mentions design, UI/UX, Figma, Canva or prototyping. "Best" here means "available and documented", not a ranking: we haven't benchmarked these, and there are no paid placements in this list. Order: official OpenAI curated listings first (A–Z), then community repos by GitHub stars at last sync. This is not a quality ranking.
Comparison
| Name | Source | Type | Skills | MCP servers | One-line install |
|---|---|---|---|---|---|
| Adobe | Official OpenAI curated | Plugin | 6 | – | Yes |
| Boltz | Official OpenAI curated | Plugin | 8 | – | Yes |
| Build iOS Apps | Official OpenAI curated | Plugin | 9 | 1 | Yes |
| Build Web Apps | Official OpenAI curated | Plugin | 6 | – | Yes |
| Build Web Data Visualization | Official OpenAI curated | Plugin | 18 | – | Yes |
| Canva | Official OpenAI curated | Plugin | 8 | 1 | Yes |
| CrowdStrike Falcon Foundry | Official OpenAI curated | Plugin | 12 | – | Yes |
| Expo | Official OpenAI curated | Plugin | 13 | – | Yes |
| Figma | Official OpenAI curated | Plugin | 12 | 1 | Yes |
| Game Studio | Official OpenAI curated | Plugin | 9 | – | Yes |
| MagicPath | Official OpenAI curated | Plugin | 1 | – | Yes |
| Product Design | Official OpenAI curated | Plugin | 10 | – | Yes |
| Test Android Apps | Official OpenAI curated | Plugin | 2 | – | Yes |
| iPolloWork | Community | Plugin | – | – | See README |
| simulink-agentic-toolkit | Community | Plugin | – | – | See README |
| Codex Slides | Community | Plugin | – | – | Yes |
| Refero | Community | Plugin | – | – | Yes |
| lattice | Community | Plugin | – | – | Yes |
| Deep Discovery | Community | Plugin | – | – | Yes |
| memi | Community | Plugin | – | – | Yes |
| m2ui-skill | Community | Plugin | – | – | Yes |
| pencil-dev-skill | Community | Plugin | – | – | See README |
| ui-clone-skills | Community | Plugin | – | – | See README |
| Codex Auto Resume | Community | Plugin | – | – | Yes |
| codex-plugins | Community | Plugin | – | – | Yes |
| DotNet Episteme Skills | Community | Plugin | – | – | See README |
| Codex Council | Community | Plugin | – | – | See README |
Skills and MCP server counts come from the plugin's own files (official catalog) or its manifest (community). "–" means none found or not published in a manifest we can read.
All 27 listings
Adobe
Adobe unlocks more ways to create and get work done from the conversation. Previously available as Photoshop, the Adobe connector now brings creativity and productivity capabilities across Creative Cloud and Acrobat. Describe what you want to make or change, and Adobe can help turn ideas, images, videos, and documents into polished outputs — from editing photos and creating PDFs to designing social assets, resizing videos, searching Creative Cloud assets, and generating data-driven documents. Key capabilities: * Retouch portraits or edit photos in bulk: Drop in photos and describe the look you want — adjust color, lighting, and tone; remove distractions and generate new elements; apply Lightroom presets; remove backgrounds; blur, crop, resize, and expand images. * Design from template: Start from an Express template, update text and colors, and then animate for social media or convert to PDF. * Refine video for any platform: Upload a horizontal clip and ask to reformat it for YouTube Shorts, Instagram Reels, or any platform. You can also stitch clips into a single sequence. * Search and organize creative work: Describe what you're looking for and surface assets from your Creative Cloud library — by subject, style, mood, or content — without browsing folders. * Work with PDFs and documents: Create and convert polished PDFs and documents. * Create data-driven documents: Describe your output and provide your data — the connector turns raw data or content into formatted, shareable PDFs, including badges, cards, catalogs, and more. You can get started as a guest, and sign in with your Adobe account for more capabilities and tools, Creative Cloud storage, and saved work across sessions.
Boltz
Use Boltz from Codex for biomolecular modeling workflows: predict structure and binding for protein, RNA, DNA, and ligand complexes; rank small-molecule or protein libraries against targets; and design novel small molecules, peptides, antibodies, nanobodies, or custom protein binders with structures and confidence metrics.
Build iOS Apps
Use Build iOS Apps to design App Intents and App Shortcuts, build or refactor SwiftUI UI, render SwiftUI previews in the Codex in-app browser, adopt modern iOS patterns such as Liquid Glass, audit runtime performance, capture ETTrace profiles, investigate memory leaks, and debug apps on simulators with XcodeBuildMCP-backed workflows.
Build Web Apps
Use Build Web Apps to create frontend application surfaces with Codex-generated visual assets, verify them with the Browser plugin and built-in app browser, compose shadcn/ui, wire Stripe payments, and design or tune Supabase/Postgres data flows.
Build Web Data Visualization
Use Build Web Data Visualization to choose, design, implement, test, and export browser charts, dashboards, maps, WebGL/Three.js scenes, Canvas/D3 visuals, Gantt charts, UML/software diagrams, scrollytelling, reports, PDFs, and slide decks. It emphasizes source-backed data, accessible responsive layouts, URL-shareable analysis state, and concept-first design for advanced visual stories.
Canva
Bring your Canva design workflow into Codex and create, refine, and review designs through natural conversation. Available skills: Resize for social media: Adapt a design for Facebook, Instagram, and LinkedIn in one step. Bulk create: Generate multiple designs from spreadsheet data using a brand template. Edit designs: Update text, media, and formatting, or reposition and resize elements. Get design feedback: Receive structured feedback on visual hierarchy, layout, readability, consistency, and accessibility. Implement feedback: Review comment threads and apply clear, actionable changes. Brand check: Check colors, fonts, logo usage, and copy against your Brand Kit. Once installed, describe what you want in plain language or invoke Canva directly with @Canva. Try prompts like: - @Canva, resize this design for social media. - @Canva, create designs from this spreadsheet using my brand template. - @Canva, update the headline in this design. - @Canva, review this design’s visual hierarchy and readability. - @Canva, implement the feedback in the comment threads. - @Canva, check this design against my Brand Kit. Requirements: Connect your Canva account to use the plugin. Bulk Create requires an eligible Canva Enterprise plan. Want to take a more hands-on approach? Instantly open your design in Canva’s powerful editor for the final touches.
CrowdStrike Falcon Foundry
Create, validate, deploy, and troubleshoot Falcon Foundry apps with specialized guidance for UI, functions, collections, Falcon Fusion SOAR workflows, security, and OpenAPI integrations.
Expo
Official Expo-authored skills for building Expo Router UI, authoring API routes, configuring data fetching and styling, writing Expo native modules, creating dev clients, upgrading Expo SDKs, wiring Codex app Run actions, and deploying Expo apps with EAS workflows, builds, hosting, TestFlight, App Store, and Play Store guidance.
Figma
Figma workflows for implementing designs in code, creating Code Connect templates for published Figma components, and generating project-specific design system rules for repeatable Figma-to-code work.
Game Studio
Plan, prototype, and build browser games with guided workflows for gameplay systems, UI, asset pipelines, and playtesting across 2D and 3D projects.
MagicPath
Use MagicPath through the magicpath-ai CLI to search UI components, inspect source, install React and TypeScript components into applications, work with team projects and themes, and create or edit canvas components from local code.
Product Design
Turn early ideas into prototypes teams can review. Explore product directions, audit user flows, research user friction, prototype from a live URL, and make static screenshots interactive. Start with a written brief, URL, screenshot, or existing design, then compare visual directions before building. Use available browser, Figma, Canva, image generation, and hosting tools to gather references, create concepts, review the result, and carry the work forward with your team.
Test Android Apps
Use Test Android Apps to build and install app variants, drive a booted Android emulator with adb input events, inspect UI trees, capture screenshots, collect logcat output, and gather Simpleperf, Perfetto, gfxinfo, or memory/leak evidence while reproducing issues.
iPolloWork
Enterprise-grade, local-first Agent Workbench for people and agent teams. A unified multi-engine workspace for Codex Harness, DeepSeek Harness, and OpenCode, with unified plugins and Skills, multi-agent projects and tasks, and editable code, documents, presentations, design, and video.
simulink-agentic-toolkit
The Simulink Agentic Toolkit gives your AI agent both the tools and the expertise to work effectively with Simulink and Model-Based Design.
Codex Slides
Run a guided, Browser-first slide workflow in Codex, with durable projects, reusable project templates, Design Files, brand systems, desktop apps, editing, and export.
Refero
Research real product interfaces and design with evidence from Refero.
lattice
Composable AI skills framework covering the full software delivery lifecycle — design, architecture, implementation, testing, and review.
Deep Discovery
100-question deep discovery process: a structured self-interrogation framework for thoroughly exploring a topic, architecture, strategy, or problem space before committing to a design.
memi
The design layer for agentic AI — design context, interface checks, and verification for coding agents.
m2ui-skill
AI coding skill for generating and modifying Metin2 client UI code from screenshots, descriptions, or existing scripts. Works with Claude Code, Cursor, Codex, Windsurf, Cline, Copilot, and Gemini CLI.
pencil-dev-skill
Teaches AI coding tools to design, edit, and validate pencil.dev UIs using .pen files, .lib.pen libraries, design-system docs, and the Pencil MCP server
ui-clone-skills
Motion forensics for the animated web. Four jobs against a live URL: decode (analyse motion + build, no code), clone (URL → React + Tailwind), verify (AE/SSIM + motion-parity score vs. an existing impl), extract (raw JSON dump). Extracts real CSS and animation params (GSAP / Framer Motion / Lenis / anime.js) directly from JS bundles, then verifies with AE/SSIM diff — no vision tokens. Three skills: ui-reverse-engineering (decode/clone/verify/extract entry points, supports Webflow IX2 / Next.js / Tailwind v4), ui-capture (reference + transitions), visual-debug (AE/SSIM diff + computed-style mismatch diagnosis).
Codex Auto Resume
Auto-resume and auto-retry for interrupted Codex tasks on Windows. Waits out a usage limit (until the reset time Codex reports, e.g. for a 5-hour or weekly window), a rate limit or a temporary failure, then continues the exact same conversation, so long-running or overnight work keeps going while that conversation is open in the Codex app. Setup downloads a checksum-verified release from GitHub; after that the watcher runs locally, read-only against Codex state, conservative by design.
codex-plugins
Image-guided web design systems for Codex
DotNet Episteme Skills
Production-tested .NET skills for code review, dependency analysis, API design, concurrency, and performance, plus the Synopsis dependency-graph MCP server.
Codex Council
End-to-end Codex development workflows from proposal design and structured review to authorized implementation and evidence-backed verification.