Onlook — это визуальный редактор с ИИ для дизайна. Он подключается к вашей кодовой базе и позволяет дизайнерам и разработчикам создавать интерфейсы из реальных компонентов. В отличие от обычных ИИ-генераторов кода, Onlook работает в рамках вашей дизайн-системы. Изменения становятся pull request-ами, которые разработчики могут сразу мержить — без экспорта, перевода или одноразовых прототипов.

Onlook создан для продуктовых команд с дизайнерами и готовой библиотекой компонентов. Идеальные пользователи — дизайн-инженеры, продуктовые дизайнеры в code-first командах, фронтенд-разработчики, которым нужны визуальные инструменты, и команды, поддерживающие дизайн-системы.

Традиционные инструменты дизайна создают статичные макеты, которые приходится заново верстать. Onlook работает с реальными компонентами — то, что вы дизайните, и есть код. Передачи нет, потому что дизайнеры и разработчики работают в одном артефакте. Изменения становятся PR-ами, а не спецификациями. ИИ работает в рамках вашей дизайн-системы — без расхождений с брендом.

ИИ-генераторы кода создают новый код с нуля из обычного HTML/CSS. Результат нужно адаптировать под ваши компоненты. Onlook работает иначе — подключается к вашей библиотеке компонентов и ограничивает ИИ ВАШЕЙ дизайн-системой. Результат согласован, соответствует бренду и сразу готов к мержу.

Onlook предлагает: (1) бесконечный холст для визуального дизайна с реальным кодом под капотом, (2) ИИ, работающий в рамках вашей дизайн-системы — без расхождений, (3) совместную работу в реальном времени с комментариями на холсте, (4) интеграцию с GitHub — изменения становятся PR-ами, (5) поддержку ваших компонентов, цветов и токенов дизайна, (6) визуальный интерфейс, не требующий кода от дизайнеров.

ИИ в Onlook работает в рамках вашей дизайн-системы. Когда вы просите ИИ внести изменения, он использует только те компоненты, цвета и токены, которые есть в вашем коде. Это предотвращает расхождения с брендом. Вы можете указывать на элементы визуально, а не описывать текстом — ИИ понимает точный селектор, компонент и стили.

Yes. Onlook has built-in team collaboration. Share your canvas, leave spatial comments, and work together in real-time. Multiple team members can view and edit the same project simultaneously. Changes sync to code and can be submitted as PRs.

Changes you make in Onlook become real code changes in your repository. When you're ready, submit them as a pull request for engineers to review and merge. No export, no copy-paste, no translation. The code is production-ready because it uses your actual components.

Onlook works with React, Next.js, Vue, Angular, Svelte, Preact, SolidJS, Qwik, and Web Components. If your framework works with modern component-based architecture, it likely works with Onlook.

Onlook supports all major CSS approaches: Tailwind CSS, CSS Modules, styled-components, Emotion, SASS/SCSS, Less, Vanilla Extract, Stitches, and plain CSS. Whatever styling approach your codebase uses, Onlook works with it.

Onlook works with all major component libraries including shadcn/ui, Material UI, Mantine, Chakra UI, Radix UI, Ant Design, Headless UI, Blueprint, Fluent UI, and PrimeReact. If your components work in your codebase, they work in Onlook.

Yes. Onlook connects to your codebase and lets you design with your real components — the buttons, cards, and layouts your engineers already built. AI suggestions use your actual component API, not generic alternatives.

Onlook подключается напрямую к вашему GitHub-репозиторию. Ваши изменения отслеживаются как реальные изменения кода. Когда всё готово, Onlook создаёт pull request, который разработчики могут проверить, прокомментировать и смержить в обычном рабочем процессе.

Дизайнеры и разработчики работают в одном артефакте — передачи нет. Дизайнеры вносят визуальные изменения на холсте, которые становятся реальными изменениями кода. Разработчики могут проверять и дорабатывать в своей IDE. Изменения отправляются как PR-ы для командного ревью. Комментарии на холсте позволяют общаться прямо в контексте.

Yes. Onlook fits into your existing Git workflow. Changes become branches and PRs. Engineers review code in their normal tools. CI/CD pipelines work as expected.

Onlook дополняет ИИ-инструменты для кода, такие как Claude Code. Claude Code отлично подходит для работы в терминале — Onlook добавляет визуальный слой, нужный дизайнерам. Используйте Claude Code для создания компонентов, затем Onlook для визуальной доработки. Изменения из обоих инструментов мержатся в одну кодовую базу.

Yes. Since Onlook works with real code, you can share your work directly as you created it on the canvas. Stakeholders see real, working UI — not static mockups that might not match the final product.

Оба основателя пришли с разных сторон барьера между дизайном и разработкой. Мы поняли, что ИИ может стать последним шагом к решению проблемы совместной работы дизайнеров и разработчиков. Onlook — это непрерывное движение к новому стандарту совместной работы в коде.

Разработчики исторически были на вторых ролях в процессе дизайна. Onlook создан, чтобы объединить дизайн и разработку, сделав разработчиков полноправными участниками наравне с дизайнерами. Открытый код даёт прозрачность и доверие.

Onlook был основан в Цинциннати, штат Огайо, США. После YC Winter 2025 компания открыла офис в Сан-Франциско. Контрибьюторы по всему миру привносят уникальные перспективы и талант.