Мой личный ТОП инструментов для разработки

Поделюсь любимыми инструментами для разработки сайтов, кабинетов и приложений. От программ до подписок. Может, кому-то пригодится.

1. Плагин html.to.design от Figma.

Потеряли исходники? Берём плагин, нужный сайт, и за пару минут он превращается в Figma-проект. Можно перекопировать почти любой сайт, дорабатывать его или перенести в Figma Make.

2. Figma Make – самая недооценённая вещь среди моих знакомых.

Загружаешь проект и дорабатываешь через ИИ: добавляешь блоки, меняешь текст. Как чат с ChatGPT, только справа сразу виден результат.

Крутой проект через ИИ пока собрать сложно, а вот накидать 10 блоков по ТЗ – легко. Потом ручками редактируешь какашки от нейросети и делаешь конфетку.

Я не дизайнер, поэтому использую Make ради выгрузки и MCP для Codex. За пару минут можно получить «готовый» сайт на React. Если дизайн ИИшный с мелкими правками, то 100% лендинга можно выгрузить за один промпт. Если уникальный и сложный – попадание может упасть до 50%.

Также выгружается только React. Хотя Figma заявляет, что можно указать архитектуру и технологии (а-ля FSD + Vue), на моей практике эти инструкции тупо игнорируются.

Для лендинга схема идеальна: выгрузил основу => загрузил в Codex, Claude Code, DPH => довёл до 100% попадания с дизайном. И всё это удовольствие – $20 в месяц (я про Figma Make).

Если проект большой, нужны FSD и Vue.js, лучше сразу Codex + MCP от Figma (включён в подписку).

3. Codex и подписка «подороже».

Если не нравится Codex, можно подставить Claude Code.

Для правок лендинга хватит обычной подписки. Для проекта покрупнее берём подписку пожирнее ($100+), MCP от Figma (за $20) и полетели.

Так можно сделать сайт, не написав ни строчки кода. Правда, не очень экономно по ИИ-токенам.

Сначала выгружаем каркас на дешёвой ChatGPT Luna: сразу нужная архитектура и технологии. Потом поблочно переносим контент на Terra/Sol. Terra – для дизайна попроще, Sol – для сложного.

Почему подписка пожирнее? На сложный блок уходит около 5 минут генерации и до получаса корректировок человеком + ИИ. Пятитичасового лимита в среднем хватает на 2 блока. Пару дней работы – минус недельный лимит.

Причём это «проблема» фронтенда. Бэкенд генерировать проще и дешевле.

Лендинг за день сделаешь, а стилизованный многостраничник на одной «худой» подписке – нет. Даже если мелочь вроде «сдвинь на 5px» делать руками. А вот $100 или связки нескольких подписок по $20 – хватит. Большую часть кода закроешь дня за два.

Ну а дальше долгое тестирование.

4. Postman – старый, но актуальный инструмент.

Штука для тестирования из «древности». До этих ваших ИИ.

На маленьком проекте нет смысла отделять производство бэкенда от фронтенда: прикрутил админку, написал маршруты за пару промптов и проверил на «живом» результате. Не на проде, конечно!

Но если модулей не 10, а 100? Или делаем API приложения, микросервис? Тут нужен Postman: тестируем API, прежде чем «натягивать морду» на бэкенд. Так проще разделять баги фронтенда и бэкенда.

5. GitLab и GitLab Runner.

Заливать проект на сервер руками? Ненавижу. Пока доступы соберёшь, по SSH зайдёшь, команды введёшь, согласования дождёшься...

С GitLab Runner можно автоматизировать цепочку:

Навайбкодил => отправил код в новую ветку => запустились тесты и линтеры => создал запрос на слияние (new-feature в main) => ответственный разработчик принял изменения => код автоматически отправился на прод.

Всё проверено автоматикой, при необходимости человеком, собрано и развёрнуто без лишней возни с терминалом.

***

Вот так и делаем сайты, кабинеты и приложения в 2026 году. Первые три пункта актуальны на октябрь 2026: в IT всё дико быстро меняется.

Полтора года назад у меня не получалось собирать приличный UI через DeepSeek. А сейчас DeepSeek Harness творит такие вещи, что я уже не боюсь ухода OpenAI (ChatGPT и Codex) из своей жизни. Замена фактически есть.

Может, чистому вайбкодеру будет больно, но мне – нет. Я многое до сих пор умею делать своими руками.

Мой личный ТОП инструментов для разработки | Сетка — социальная сеть от hh.ru