Гайд для дизайнеров: от полностью пустого ноутбука — до момента, когда вы пишете в чат «свёрстай этот макет из Figma»

Чек-лист на старте📄

Перед началом — соберитесь:

• Ноутбук под Mac или Windows (с телефона Claude Code не работает, только браузерная версия)
• Бюджет на первый месяц: примерно 5 000 — 7 000 ₽ (VPN + карта + Claude Pro + Figma Professional)
• Свободный вечер — настройка занимает 2–3 часа, если делать без спешки
• Терпение к моментам, когда что-то не запускается с первого раза (это норма, у всех бывает)

Если вы не из России — пропускайте всё, что касается VPN, виртуальных номеров и иностранных карт. Идите сразу к разделу 4. Подписки.

1. Что вообще такое Claude Code🤖

Claude и Claude Code — это два разных продукта

В этом месте путаются примерно все, поэтому начну именно с него.

Claude — браузерный чат

Сайт claude.ai. Открыли — пишете — получаете ответ. По формату ровно как ChatGPT. Браузерная версия умеет рассуждать, генерировать тексты, разбирать ваши картинки и PDF, придумывать структуру лендинга. Но писать файлы прямо к вам на диск — нет, не умеет. Код она вам покажет в окошке, а копировать его в проект придётся руками.

Claude Code — отдельная программа на компьютере

Та же самая модель внутри, но завёрнутая в инструмент, который создаёт настоящие файлы у вас в рабочей папке. Может одновременно править десяток файлов проекта, читать макет в Figma напрямую, запускать локальные серверы, ставить себе нужные библиотеки.

Если объяснять метафорой: браузерный Claude — это арт-директор, который даёт совет по телефону. Claude Code — арт-директор, который пришёл к вам в студию и сам открыл Figma, VS Code и терминал.

Где здесь Claude Design / Artifacts

В экосистеме Anthropic есть ещё несколько штук, и в их названиях легко зашиться: