Web development
Codex works great with existing design systems, taking into account constraints and visual inputs to produce a responsive UI. These use cases are helpful when you are building web apps and need to iterate on frontend designs.
Build from Figma
Use Codex to pull design context from Figma and turn it into code that follows the repo's components, styling, and design system.
[
Turn Figma designs into code
Use Codex to pull design context, assets, and variants from Figma, translate them into code...
Front-end Design](https://developers.openai.com/codex/use-cases/figma-designs-to-code)
Iterate on the UI
Leverage Codex to make targeted changes from visual inputs or prompts, and have it verify its work in the browser.
[
Build responsive front-end designs
Use Codex to translate screenshots and design briefs into code that matches the repo's...
Front-end Design](https://developers.openai.com/codex/use-cases/frontend-designs)[
Make granular UI changes
Use Codex to make one small UI adjustment at a time in an existing app, verify it in the...
Front-end Design](https://developers.openai.com/codex/use-cases/make-granular-ui-changes)
Pick up scoped Slack tasks
Tag Codex in Slack when there's a feature request or a reported issue, so that it can pick up the task and work on it in the background.
[
Kick off coding tasks from Slack
Mention @Codex in Slack to start a task tied to the right repo and environment, then...
Integrations Workflow](https://developers.openai.com/codex/use-cases/slack-coding-tasks)
Deploy a preview
Use Codex to build or update a web app, deploy it with Vercel, and hand back a live URL you can share.
[
Deploy an app or website
Use Codex with Build Web Apps and Vercel to turn a repo, screenshot, design, or rough app...
Front-end Integrations](https://developers.openai.com/codex/use-cases/deploy-app-or-website)
Ship changes faster
Use Codex in GitHub to make sure changes are safe to merge so you can have a faster development loop.
[
Codex code review for GitHub pull requests
Use Codex code review in GitHub to automatically surface regressions, missing tests, and...
Integrations Workflow](https://developers.openai.com/codex/use-cases/github-code-reviews)