UI / UX engineer

BetterEngineer; Ciudad de México; Hybrid; MXN 1,455,000 - 2,286,000; Full time

Job summary

BetterEngineer is seeking a UI engineer to design flows within the team design system and implement the HTML and CSS. You will ensure accessibility through keyboard navigation and screen reader checks, matching the existing component library, and iterating with AI-assisted drafts checked against the design system.

You will work with the US product team, review changes with the team, and ship interfaces that don’t just look right but feel right across platforms.

Qualifications

• 5 or more years in UI engineering or product design.
• Experience with design systems and accessible UI.
• Proficient in HTML, CSS and front-end frameworks.

Responsibilities

• Design a flow in the team design system and build the HTML and CSS for it.
• Check it with a keyboard and a screen reader.
• Match the component library the product already uses.
• Use AI tools to draft a variant or a copy pass, then check it against the design system before it ships.
• Review the change with the team before it ships.

Skills

Design systems

HTML & CSS

Accessible interaction

English fluency

UI engineering

Tools

Figma

Component library

Job description

Interface design and the front‑end code that implements it, for a US product team.

You design and build interface work for a US product team. A change is a flow in their design system and the HTML and CSS that implement it. You check it with a keyboard and a screen reader, not only by looking at it.

What you do on the team

On a placement, this is the work the US team expects.

• Design a flow in the team design system and build the HTML and CSS for it
• Check it with a keyboard and a screen reader
• Match the component library the product already uses
• Use AI tools to draft a variant or a copy pass, then check it against the design system before it ships
• Review the change with the team before it ships
• A screen that only looks right is not finished

The stack

• Figma, or the design tool the team uses
• HTML and CSS
• The component library
• The front‑end framework the product uses
• Keyboard and screen reader checks

What we look for

• Design systems and the components that implement them
• HTML, CSS, and accessible interaction
• Figma, or the tool the team already uses, plus the code
• 5 or more years in UI engineering or product design

How we check

We review work you have shipped. A keyword on a resume is not enough. You need advanced or fluent English. You will be in standups, code reviews, and Slack with a US team. You use AI tools to draft a variant or a copy pass, then you check it against the design system before it ships. Every engineer is assessed on the four‑level AI fluency scale before a client meets them. See the four levels .

How a placement runs

You join the client team and work in their repo, their standups, and their code reviews. You work US business hours from Mexico, Costa Rica, Colombia, Peru, Brazil, Chile, Argentina, or Uruguay. The placement is almost always a full‑time contract. You are paid the same amount every month in US dollars. The monthly invoice is for bookkeeping. Candidates never pay to apply or to join. How joining works .