Screenshot to Code — скриншот в рабочую вёрстку

★ 73.9K

screenshot-to-code — это открытый инструмент, который превращает картинку интерфейса в рабочий код. Его берут, когда есть скриншот, макет или даже запись экрана, а нужна вёрстка: перенести дизайн из Figma в код, воспроизвести понравившийся экран, быстро собрать прототип по наброску, восстановить страницу, исходников которой нет. На выходе — чистая разметка в выбранном стеке: HTML с Tailwind или CSS, React, Vue, Bootstrap, Ionic. Экономит самую механическую часть работы: разметку и стили по образцу, которые иначе набиваются руками час-полтора. Результат — заготовка, а не готовый продукт: логику, состояния и адаптивность доводят самостоятельно, а вёрстку проверяют на соответствие макету. Работает с моделями, поддерживающими анализ изображений.