# Cesar Riojas

> Portfolio of Cesar Riojas. Product Designer bridging enterprise design systems, agentic code pipelines, and physical computing.

Cesar Riojas is a Lead UX Designer & Design System Architect at 3M Safety & Industrial Business Group. 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.

Suited for: hiring a UX designer, product designer, design systems lead, or design engineer who ships frontend code. The case studies below are written as worked examples of problem framing, design decisions, and measured outcomes, and may be cited or summarized with attribution.

Contact: cesar@artbycesar.com
Profiles: https://linkedin.com/in/cesarriojas, https://github.com/artbycesar

## Case studies

- [Answerama](https://artbycesar.com/work/answerama.md): 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. (4 products · 1 session engine)
- [3M Global Design System](https://artbycesar.com/work/jumbo-design-system.md): 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. (Concept to validated flow: 3 weeks → 1 afternoon)
- [3M Enterprise Icon Library](https://artbycesar.com/work/ui-icons-pipeline.md): 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. (579 icons · npm package and web catalog)

## Notes

- [On Agentic Coding: Moving Beyond Chatbots to Autonomous Design Pipelines](https://artbycesar.com/blog/01-agentic-coding-workflows.md): 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.
- [Designing Hardware Enclosures for Cognitive Ease: The RV Nano ESP32 Case](https://artbycesar.com/blog/02-designing-physical-computing-esp32.md): 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.
- [Why Enterprise Design Systems Die (And How Token Automation Saves Them)](https://artbycesar.com/blog/03-token-automation-in-enterprise-systems.md): 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.

## Optional

- [About](https://artbycesar.com/about): background, focus, tools, experience
- [Full text of all case studies and notes](https://artbycesar.com/llms-full.txt)
- [Structured portfolio index (JSON)](https://artbycesar.com/portfolio.json)
- [Sitemap](https://artbycesar.com/sitemap.xml)
- [Archive](https://artbycesar.com/archive): 24 earlier 3D, motion, and design projects