Front-End & UI/UX Trainer (React, Figma)

About the role

Employers now prefer front-end engineers who understand design and can own quality: accessibility, performance, testing and design systems. React remains the most requested framework, and design skills in Figma are a differentiator. You will teach learners to design in Figma, build pixel-accurate, accessible, fast interfaces in React, and present a portfolio they can take to interviews.

Why this role matters now: Front-end hiring now rewards TypeScript, React, testing, performance, accessibility and design-system skills, and engineers who can also design in Figma stand out in a crowded junior market.

What you will do

• Deliver live online batches covering UI/UX design and front-end engineering
• Teach the design process: research, personas, user flows, wireframes, prototypes, usability testing and handoff
• Build portfolio projects from a Figma design to a deployed React / Next.js application
• Teach accessibility (WCAG 2.2), responsive design, Core Web Vitals performance and front-end testing
• Review designs and code, give structured feedback and run portfolio and mock interview sessions

Technical skills you must be strong in

Front-end engineering

• HTML5, semantic markup, CSS3, Sass, Flexbox / Grid, Tailwind CSS, responsive and mobile-first design
• JavaScript (ES6+) and TypeScript
• React: hooks, state management, React Router, forms; Next.js rendering strategies
• Performance: Core Web Vitals, code splitting, image optimisation; accessibility: WCAG 2.2, ARIA, keyboard navigation
• Testing: Jest, React Testing Library, Playwright / Cypress; Storybook; Git and CI basics

UI/UX design

• Figma: auto layout, components and variants, variables / design tokens, prototyping
• UX research, personas, user journeys, information architecture, wireframing
• Visual design: typography, colour, spacing, layout grids; design systems and handoff to developers
• Usability testing, heuristic evaluation, accessibility in design; using AI tools in the design workflow

Certifications

• Not mandatory — a strong portfolio of shipped interfaces and case studies matters most
• Google UX Design or NN/g UX certification — a plus

You should have (the Fourcup trainer standard)

• 7+ years of hands-on industry experience in front-end development and UI/UX design — real projects delivered, not only teaching
• Excellent spoken and written English — you can explain a hard concept simply, live, to career-switchers and freshers
• A genuine interest in teaching and mentoring; patience with beginners and joy in seeing learners get job-ready
• Strong delivery: structured live sessions, hands-on demos and labs, clear doubt-clearing, assignments with feedback and mock interviews
• Reliable and professional: punctual, prepared, follows the batch plan and curriculum, and keeps learners motivated

Nice to have

• Prior experience as a trainer, mentor or interviewer
• Published content, a blog, GitHub projects or conference talks
• Experience preparing learners for interviews and certifications

How we select

• Resume and profile review
• A short demo session: teach one topic from this role live, as you would to a batch
• A technical and teaching-approach discussion with the Fourcup team

What we offer

• Flexible weekend / evening online batches and a clear batch plan
• Ready course material, labs and learner support from the Fourcup team
• Competitive pay based on your experience and batches taken
• The chance to build a long-term trainer career with a growing institute