В какой дизайн системе работал с макетами

«В какой дизайн системе работал с макетами» — вопрос из категории Архитектура, который задают на 10% собеседований Frontend Разработчик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Ответ

Работал с Figma и Adobe XD, интегрировал макеты в React-проекты. Использовал Material UI, Ant Design, Tailwind CSS.

Пример с Material UI:

import { Button, TextField } from '@mui/material';

const LoginForm = () => (
  <form>
    <TextField label="Email" variant="outlined" />
    <Button variant="contained" color="primary">
      Submit
    </Button>
  </form>
);

Также адаптировал кастомные дизайн-системы, соблюдая Pixel Perfect. Умею работать с Auto Layout, компонуя интерфейсы по макетам.