Tiffany Tien
Product Designer & Builder • Semantic Design Systems • Front End Development
tienmedia.comlinkedin.com/in/tiffanytiengithub.com/tiffler
Former developer turned product designer with over 14+ years building impactful experiences for companies in the B2B SaaS space. Able to pivot smoothly between visual design, code, user research, and infrastructure.
Work experience
Tienmedia
Feb 2026 – Present
Independent Designer/Developer
- Builds and runs multi-agent workflows: writes the build spec, spins up subagent teams, and directs execution end to end.
- Leading a ground-up rebuild of Radio Archive, from information architecture through shipped code.
- Operates as designer, developer, and PM on every project and engagement, with full accountability across the entire SDLC.
Electric AI
Feb 2025 – Feb 2026
Senior Product Designer
- Built a primitive-to-semantic token design system from zero to 226 variables, 303 components, aligning Figma to Storybook, driving 445K+ annual variable insertions, and eliminating design-to-engineering drift across eight product teams in ~six months.
- Designed and shipped WCAG 2.2 AA accessible, data-dense interfaces for core product features, validating decisions in user research to reduce task pain points across multi-state views.
- Transformed a messy, frequently detached Figma component library into a clean, distributed design system, so non-technical designers could use it confidently without needing to understand the underlying complexity.
- Published Content Roulette, a Figma plugin and web app replacing lorem ipsum with production-quality mock data (assets, device IDs, tracking numbers, user records), improving prototype fidelity for usability studies.
SANS Institute
Jul 2021 – May 2024
Product Designer
- Led end-to-end design of a data-driven on-demand learning platform (B2B SaaS) across web and native mobile, enhancing user satisfaction by 12.5% (per user surveys) and supporting $137M annual revenue.
- Established required accessibility practice (WCAG 2.1+, Section 504/508, ADA compliance) by partnering with the Accessibility Product Manager to put inclusive design standards into every step of the design workflow.
- Built and maintained a shared component library and central design documentation system, greatly reducing design rework and keeping the product consistent across web and native mobile as cross-team collaboration grew.
Sounding Board
Mar 2020 – Jul 2021
Lead Product Designer
- Led design of core platform features such as progress tracking, journaling, and structured workflows that contributed to a $13M Series A funding round.
- Built early-stage design infrastructure, such as shared components and cross-functional workflows with engineering, that laid the foundation for scalable product and team growth.
- Doubled the size of the design and product teams by successfully recruiting, onboarding, and mentoring multiple team members within one year.
Veritone
Oct 2016 – Mar 2020
Lead Product Designer
- Led the launch of one mobile app and three web apps, pivotal to the company's 2017 public offering on Nasdaq (VERI), resulting in over $158 million in post-IPO equity.
- Partnered directly with the CEO and executive stakeholders to align product direction, translating technical constraints into design decisions that shipped on time ahead of IPO.
- Built and drove adoption of the company's first systematic design language, a multi-product Sketch symbol library.
- Grew the design team by 40% through targeted recruitment and mentorship, scaling output capacity to support the simultaneous launch of four products across mobile and web ahead of Nasdaq listing.
Awards
Tools & frameworks
- Figma • Miro • Notion • Maze.co • Pendo • Data Dog
- React • TypeScript • Tailwind CSS • Storybook • Style Dictionary • Git
- Claude Design • Claude Code • Figma MCP • Perplexity
Skills
Product Design & UX
- End-to-end UX and product design from research through shipping—polished, production-ready enterprise UI with focus on component states and interaction patterns.
- State-based task flows, wireframing, prototyping, and interaction logic.
- Mixed-methods research: moderated/unmoderated usability testing, UX audits, competitive analysis.
- Data-informed validation via Maze, Pendo, and AI-assisted research synthesis.
Development
- Full-stack front-end development: React, TypeScript, Tailwind CSS, Storybook, and Style Dictionary, backed by a former career as a web developer.
- Hands-on experience with multiple MCP and AI IDEs to automate design-to-code translation, manage design tokens, and generate documentation.
- Built Moonshot MCP — an AI-enabled tool that checks Figma component libraries for AI compatibility and helps teams identify AI-readiness gaps.
- Built Content Roulette — a Figma plugin and web app generating realistic mock data for prototypes.
- Works inside an agent-driven, AI-assisted SDLC daily: Figma MCP, Claude Code, and Claude Design to accelerate design-to-code translation, prototyping, and documentation.
Design Systems
- Token-based design systems including primitive, semantic, and component token layers.
- Accessibility (WCAG 2.2+, Section 504/508, ADA) is a built-in requirement of the design process, starting at the foundation.
- System governance: contribution models, documentation standards, and version control.
- Multi-platform ecosystem across desktop, iOS, and Android.
Education
Bachelor of Science
Web & Interactive Media Design • Art Institute of Las Vegas