{
  "person": {
    "@type": "Person",
    "@id": "https://artbycesar.com/#person",
    "name": "Cesar Riojas",
    "jobTitle": "Lead UX Designer & Design System Architect",
    "email": "cesar@artbycesar.com",
    "url": "https://artbycesar.com",
    "sameAs": [
      "https://linkedin.com/in/cesarriojas",
      "https://github.com/artbycesar"
    ],
    "knowsAbout": [
      "UX design",
      "Product design",
      "Design systems",
      "Design tokens",
      "Frontend engineering",
      "React",
      "TypeScript",
      "Figma API and MCP",
      "Agentic coding",
      "Accessibility (WCAG)",
      "Multi-device interface design",
      "Motion design",
      "Hardware prototyping"
    ],
    "description": "Lead UX Designer who also writes production frontend code. Runs design tokens across 12 sub-brands and builds agentic pipelines that carry them from Figma into React, Angular, and .NET packages. Ten years across visual design, motion, CAD, and software.",
    "worksFor": {
      "@type": "Organization",
      "name": "3M Safety & Industrial Business Group"
    },
    "@context": "https://schema.org"
  },
  "description": "Portfolio of Cesar Riojas. Product Designer bridging enterprise design systems, agentic code pipelines, and physical computing.",
  "contact": "cesar@artbycesar.com",
  "caseStudies": [
    {
      "id": "answerama",
      "name": "Answerama",
      "title": "Finding the gap in live feedback tools and building a product for it.",
      "summary": "Answerama is a live feedback product for workshops, events, user testing and jury selection. This case study covers the market gap I found, how I priced and packaged the product for enterprise teams, and the design and engineering decisions behind it.",
      "role": "Lead Product Designer & Builder",
      "team": "Solo Architecture & Engineering",
      "timeline": "6 Months",
      "tools": "Figma, React, Vite, Cloudflare Workers, D1 and Durable Objects, Stripe, WorkOS",
      "outcome": "4 products · 1 session engine",
      "keywords": [
        "Product Design",
        "Product Strategy",
        "Enterprise SaaS",
        "Figma",
        "React",
        "Vite",
        "Cloudflare Workers",
        "D1 and Durable Objects",
        "Stripe",
        "WorkOS"
      ],
      "url": "https://artbycesar.com/work/answerama",
      "markdown": "https://artbycesar.com/work/answerama.md"
    },
    {
      "id": "jumbo-design-system",
      "name": "3M Global Design System",
      "title": "Design tokens for Angular, React and .NET teams that wouldn't adopt a component library.",
      "summary": "3M's applications ran on three frontend stacks maintained by separate vendors. I built a Figma-to-npm token pipeline and reference implementations on top of the libraries those teams already used, then contributed components to a production Angular monorepo.",
      "role": "Lead Design System Architect",
      "team": "3M Safety & Industrial Business Group (SIBG) and Corporate R&D, working with third-party vendor engineering teams",
      "timeline": "Multi-year",
      "tools": "Figma Variables, Figma REST API, Style Dictionary, TypeScript, Node.js, GitHub Actions, GitHub Packages (npm), Angular Material, MUI, Material.Blazor, Nx, Storybook",
      "outcome": "Concept to validated flow: 3 weeks → 1 afternoon",
      "keywords": [
        "Enterprise Design Systems",
        "Design Tokens",
        "Developer Experience (DX)",
        "Figma Variables",
        "Figma REST API",
        "Style Dictionary",
        "TypeScript",
        "Node.js",
        "GitHub Actions",
        "GitHub Packages (npm)",
        "Angular Material",
        "MUI",
        "Material.Blazor",
        "Nx",
        "Storybook"
      ],
      "url": "https://artbycesar.com/work/jumbo-design-system",
      "markdown": "https://artbycesar.com/work/jumbo-design-system.md"
    },
    {
      "id": "ui-icons-pipeline",
      "name": "3M Enterprise Icon Library",
      "title": "From manual icon handoffs to an automated code pipeline.",
      "summary": "After a restructuring, two 3M icon sets became my responsibility. I replaced a Figma-to-OneDrive handoff with an npm package, a searchable catalog and an automated validator, so developers no longer had to message me for files.",
      "role": "Lead UX Designer & Design System Architect",
      "team": "Solo architecture lead, working with SIBG and Enterprise Core engineering",
      "timeline": "6 Months",
      "tools": "Figma, Figma REST API, TypeScript, Node.js, GitHub Actions, npm, GitHub Pages, LLM-assisted coding",
      "outcome": "579 icons · npm package and web catalog",
      "keywords": [
        "Enterprise Design Systems",
        "Developer Experience (DX)",
        "Tooling & Automation",
        "Figma",
        "Figma REST API",
        "TypeScript",
        "Node.js",
        "GitHub Actions",
        "npm",
        "GitHub Pages",
        "LLM-assisted coding"
      ],
      "url": "https://artbycesar.com/work/ui-icons-pipeline",
      "markdown": "https://artbycesar.com/work/ui-icons-pipeline.md"
    }
  ],
  "notes": [
    {
      "id": "01-agentic-coding-workflows",
      "title": "On Agentic Coding: Moving Beyond Chatbots to Autonomous Design Pipelines",
      "published": "2026-10-01",
      "summary": "Why the future of design technology isn't typing prompts into chat windows, but orchestrating autonomous agentic pipelines that turn Figma tokens into production code.",
      "tags": [
        "Agentic AI",
        "Design Systems",
        "Developer Experience",
        "Automation"
      ],
      "url": "https://artbycesar.com/blog/01-agentic-coding-workflows",
      "markdown": "https://artbycesar.com/blog/01-agentic-coding-workflows.md"
    },
    {
      "id": "02-designing-physical-computing-esp32",
      "title": "Designing Hardware Enclosures for Cognitive Ease: The RV Nano ESP32 Case",
      "published": "2026-09-18",
      "summary": "Prototyping with raw microcontrollers usually means dealing with fragile pins and messy wire routing. Here is how physical CAD design reduces mental friction in hardware testing.",
      "tags": [
        "3D Printing",
        "CAD",
        "ESP32",
        "Physical Computing",
        "Hardware UX"
      ],
      "url": "https://artbycesar.com/blog/02-designing-physical-computing-esp32",
      "markdown": "https://artbycesar.com/blog/02-designing-physical-computing-esp32.md"
    },
    {
      "id": "03-token-automation-in-enterprise-systems",
      "title": "Why Enterprise Design Systems Die (And How Token Automation Saves Them)",
      "published": "2026-08-25",
      "summary": "Most corporate design systems don't fail from bad aesthetics—they fail because maintenance friction exhausts the team. Here is how mathematical token pipelines make systems sustainable.",
      "tags": [
        "Design Tokens",
        "Architecture",
        "Engineering",
        "Figma"
      ],
      "url": "https://artbycesar.com/blog/03-token-automation-in-enterprise-systems",
      "markdown": "https://artbycesar.com/blog/03-token-automation-in-enterprise-systems.md"
    }
  ],
  "archive": [
    {
      "slug": "rv-nano-esp32-case",
      "title": "RV Nano ESP32 Case",
      "category": "3d",
      "year": "2026",
      "tags": [
        "CAD",
        "3D Printing",
        "Hardware"
      ],
      "url": "https://artbycesar.com/archive/rv-nano-esp32-case"
    },
    {
      "slug": "jenga-barn",
      "title": "Jenga Barn",
      "category": "3d",
      "year": "2026",
      "tags": [
        "Solid Modeling",
        "Architecture",
        "Timber"
      ],
      "url": "https://artbycesar.com/archive/jenga-barn"
    },
    {
      "slug": "magnetic-vr-lenses",
      "title": "Magnetic VR Lens Frames",
      "category": "3d",
      "year": "2018",
      "tags": [
        "Rapid Prototyping",
        "VR Optics",
        "3D Print"
      ],
      "url": "https://artbycesar.com/archive/magnetic-vr-lenses"
    },
    {
      "slug": "dell",
      "title": "Dell Technologies",
      "category": "motion",
      "year": "2016",
      "tags": [
        "Motion Design",
        "Commercial"
      ],
      "url": "https://artbycesar.com/archive/dell"
    },
    {
      "slug": "amd",
      "title": "AMD",
      "category": "motion",
      "year": "2019",
      "tags": [
        "3D Animation",
        "Motion Graphics"
      ],
      "url": "https://artbycesar.com/archive/amd"
    },
    {
      "slug": "hewlett-packard-enterprise",
      "title": "Hewlett Packard Enterprise",
      "category": "motion",
      "year": "2017",
      "tags": [
        "Kinetic Type",
        "Motion"
      ],
      "url": "https://artbycesar.com/archive/hewlett-packard-enterprise"
    },
    {
      "slug": "digirev",
      "title": "DigiRev",
      "category": "motion",
      "year": "2017",
      "tags": [
        "Motion Reel",
        "VFX"
      ],
      "url": "https://artbycesar.com/archive/digirev"
    },
    {
      "slug": "vfx-reel-2016",
      "title": "VFX & Cinematography Reel",
      "category": "motion",
      "year": "2016",
      "tags": [
        "Compositing",
        "VFX"
      ],
      "url": "https://artbycesar.com/archive/vfx-reel-2016"
    },
    {
      "slug": "spherion",
      "title": "Spherion Brand System",
      "category": "design",
      "year": "2020",
      "tags": [
        "Brand Identity",
        "Style Guide"
      ],
      "url": "https://artbycesar.com/archive/spherion"
    },
    {
      "slug": "fluence-bioengineering",
      "title": "Fluence Bioengineering",
      "category": "design",
      "year": "2017",
      "tags": [
        "Visual Identity",
        "Typography"
      ],
      "url": "https://artbycesar.com/archive/fluence-bioengineering"
    },
    {
      "slug": "informed-health-2016-ucsf",
      "title": "UCSF Informed Health",
      "category": "design",
      "year": "2016",
      "tags": [
        "Health Tech",
        "Data Vis"
      ],
      "url": "https://artbycesar.com/archive/informed-health-2016-ucsf"
    },
    {
      "slug": "everywhere-energy-style-guide",
      "title": "Everywhere Energy System",
      "category": "design",
      "year": "2014",
      "tags": [
        "Style Guide",
        "Branding"
      ],
      "url": "https://artbycesar.com/archive/everywhere-energy-style-guide"
    },
    {
      "slug": "culture-counter",
      "title": "Culture Counter UI",
      "category": "design",
      "year": "2021",
      "tags": [
        "GV Sprint",
        "Product Design"
      ],
      "url": "https://artbycesar.com/archive/culture-counter"
    },
    {
      "slug": "love-as-a-business-strategy",
      "title": "Love as a Business Strategy",
      "category": "design",
      "year": "2021",
      "tags": [
        "Web Design",
        "Media Hub"
      ],
      "url": "https://artbycesar.com/archive/love-as-a-business-strategy"
    },
    {
      "slug": "frame",
      "title": "FRAME Editorial",
      "category": "design",
      "year": "2016",
      "tags": [
        "Editorial",
        "Print Layout"
      ],
      "url": "https://artbycesar.com/archive/frame"
    },
    {
      "slug": "campfyre-media",
      "title": "Campfyre Media",
      "category": "design",
      "year": "2015",
      "tags": [
        "Branding",
        "Design System"
      ],
      "url": "https://artbycesar.com/archive/campfyre-media"
    },
    {
      "slug": "altitude",
      "title": "Altitude",
      "category": "design",
      "tags": [
        "iOS",
        "Gamification",
        "Leaderboards"
      ],
      "url": "https://artbycesar.com/archive/altitude"
    },
    {
      "slug": "everywhere-energy-pitch-video",
      "title": "Everywhere Energy Pitch Video",
      "category": "motion",
      "tags": [
        "Creative Direction",
        "Video"
      ],
      "url": "https://artbycesar.com/archive/everywhere-energy-pitch-video"
    },
    {
      "slug": "softwaycom",
      "title": "Softway.com",
      "category": "design",
      "tags": [
        "Web Design"
      ],
      "url": "https://artbycesar.com/archive/softwaycom"
    },
    {
      "slug": "turner",
      "title": "Turner",
      "category": "design",
      "tags": [],
      "url": "https://artbycesar.com/archive/turner"
    },
    {
      "slug": "fluid-irrigation",
      "title": "Fluid Irrigation",
      "category": "design",
      "tags": [],
      "url": "https://artbycesar.com/archive/fluid-irrigation"
    },
    {
      "slug": "1000-wins-spring-luncheon",
      "title": "1000 Wins — Spring Luncheon",
      "category": "design",
      "tags": [],
      "url": "https://artbycesar.com/archive/1000-wins-spring-luncheon"
    },
    {
      "slug": "lifematters",
      "title": "LifeMatters Mailer",
      "category": "design",
      "tags": [
        "Mailer"
      ],
      "url": "https://artbycesar.com/archive/lifematters"
    },
    {
      "slug": "austringer-aerial",
      "title": "Austringer Aerial",
      "category": "design",
      "tags": [],
      "url": "https://artbycesar.com/archive/austringer-aerial"
    }
  ]
}