首页 / 视频

设计工程师必需的 Codex 技能

Lukas Margerie · Lukas Margerie · ·13:37 ·13.0K 次观看
设计工程师必需的 Codex 技能

🤝 DISCORD 社区:加入我们一起构建项目!: https://discord.com/invite/vZxn6wZrDD 大家好,欢迎来到今天的视频!Lukas 介绍 OpenAI Codex,一款为多智能体协作设计的 IDE,突出其在产品设计师职业路径中的应用价值。本深度讲解聚焦产品设计师的特定技能和用例,探索该平台如何利用 AI 智能体和其他 AI 工具来优化工作流程。我们还将涉及这个 LLM 驱动的环境如何支持多智能体交互。

完整描述

🤝 DISCORD 社区: 加入我们一起构建项目!: https://discord.com/invite/vZxn6wZrDD 大家好,欢迎来到今天的视频!Lukas 介绍 OpenAI Codex,一款为多智能体协作设计的 IDE,突出其在产品设计师职业路径中的应用价值。本深度讲解聚焦产品设计师的特定技能和用例,探索该平台如何利用 AI 智能体和其他 AI 工具来优化工作流程。我们还将涉及这个 LLM 驱动的环境如何支持多智能体交互。 了解产品设计师如何使用 OpenAI Codex IDE 优化工作流程。本视频涵盖实际技能和用例,从 Figma 集成到生成全面的 UX 审计。 - 如何使用 Codex 将 Figma 设计转换为生产就绪代码 - 直接从 Figma 文件提取设计系统和生成设计令牌 - 创建交互式原型并通过截图优化 UI - 使用详细发现、无障碍访问检查和优先级行动计划自动化 UI/UX 审计 利用 Codex 使用真实网站链接分析完整用户流程并生成客户就绪的 PDF 报告 时间戳: 0:00 - Codex 简介与技能概览 1:26 - Figma 转代码 6:04 - 从 Figma 提取设计系统 8:27 - 从截图进行 UI 审计(PDF) 10:48 - 使用 Playwright 进行实时网站 UX 审计 接下来观看: https://www.youtube.com/watch?v=cNotE-AZRoo

章节

  1. 0:00 Intro to Codex & Skills overview
  2. 1:26 Figma to Code conversion
  3. 6:04 Design System extraction from Figma
  4. 8:27 UI Audit from screenshots (PDF)
  5. 10:48 Live site UX Audit with Playwright
在 YouTube 观看 内容托管在原发布者的网站上。
由 Codex-Design 社区精选,作为用 OpenAI Codex 做设计的designer资源。