FREE ACCESS
5,000–10,000 jobs/day
See all jobs on Scoutfield
Search thousands of fresh jobs every day.
Discover
- Fresh listings
- Fast filters
- No subscription required
Create a free account and start exploring right away.
Core Competencies
Role fitCore Competencies
Use this summary to align your resume positioning with the role.
Demonstrates expertise in translating Figma designs into high-quality React interfaces while ensuring accessibility and performance optimization. Proficient in collaborating with UX/UI teams to enhance usability and interaction design through reusable components and effective coding practices.
Highest-signal resume keywords
ReactTypeScriptJavaScriptResponsive DesignAccessibility
ATS Keywords
Tailor your resumeApplicant Tracking System Keywords
Tip: use these terms in your resume and cover letter to boost ATS matches.
Hard Skills
FigmaSemantic HTMLCSSFrontend FrameworksComponent LibrariesAPI IntegrationPerformance OptimizationTestingUsability ImprovementCode Review
Soft Skills
Proactive ApproachCollaborative MindsetStrong Visual JudgementInteraction Judgement
Tools & Technologies
Storybook
Industry Keywords
Design SystemsComplex FormsWorkflow-Heavy ApplicationsAI-Powered Interfaces
Tech Stack
Tools & technologiesJavaScriptReactTypeScript
About the role
Key responsibilities & impact- Partner with the UX/UI Lead to understand user problems and design intent, contribute ideas, discuss trade-offs, and suggest improvements
- Translate Figma designs into high-quality React interfaces
- Apply responsive design, typography, spacing, layout, transitions, and interaction details
- Identify and resolve gaps between static designs and working applications, including loading, empty, error, validation, focus, and disabled states
- Refine full-stack developers’ initial frontend implementations into production-ready experiences
- Improve component structure, state handling, usability, and consistency while preserving business requirements
- Build and maintain shared component libraries and frontend conventions
- Document reusable patterns and help the wider engineering team adopt them
- Identify and address slow loading, unnecessary rendering, and unresponsive interactions
- Write maintainable, tested code
- Participate in code reviews
- Build accessibility and cross-browser reliability into implementations
- Collaborate early with UX/UI and development teams to shape interactions and resolve design and technical questions
- Contribute practical improvements to usability and interaction design
Requirements
What you’ll need- Strong visual and interaction judgement
- Experience working closely with designers
- Ability to interpret Figma designs, discuss design intent, prototype ideas, and resolve implementation details
- Strong React and TypeScript skills
- Solid understanding of JavaScript, semantic HTML, CSS, and modern frontend frameworks and tooling
- Experience building and maintaining substantial applications
- Experience with reusable components, application state, API integration, responsive design, accessibility, testing, and performance optimisation
- Ability to improve existing code without unnecessary complexity
- Proactive, collaborative approach
- Experience contributing to products, components, or case studies demonstrating engineering decisions and attention to user experience
- Experience with design systems, Storybook, complex forms, workflow-heavy applications, or AI-powered interfaces would be useful
Benefits
Comp & perks- Flexible and hybrid working
- Career and learning opportunities
- Celebrations, socials, and sports teams
- Access to sailing and yacht events
- Additional time off
- Gym membership
- Other perks
- Access to LEAP Home, a program supporting employees in buying their primary residence
- Trust and autonomy to work on complex projects
- Opportunity to make a meaningful impact
- Work with a passionate team
- Global company environment
