Framer AI vs Khroma 2026: AI-конструктор сайтов против палитра-генератора

Framer AI и Khroma попадают в категорию design-ai через разные подгруппы. Framer AI — это подгруппа «AI website / app builders»: text-to-site конструктор с Wireframer, встроенной CMS, хостингом и AI Translate на 99 языков. Сервис основан в 2014 году в Нидерландах (Koen Bok и Jorn van Dijk), вырос из open-source библиотеки Framer.js, а в августе 2025 закрыл Series D на $100 млн при оценке $2 млрд (лиды — Meritech Capital и Atomico).

Khroma — это подгруппа «специализированные AI-утилиты»: один человек (George Hastings), один use-case (палитры из 2 цветов), полностью бесплатный продукт без рекламы и тарифов. Под капотом — собственная нейросеть, которая работает прямо в браузере после первичного обучения на ~50 ваших предпочтениях. По всем признакам — индивидуальный проект автора, без публичной выручки и юр.лица.

Из карты видно главное: пересечения по фичам у этих сервисов нет. Framer строит и хостит сайт от первого слова до публикации в домене; Khroma даёт две HEX-цифры, которые потом надо вручную перенести куда угодно — хоть в Framer, хоть в Figma, хоть в CSS. Поэтому весь оставшийся обзор мы выстраиваем как сравнение по осям категории, а не как «битву»: где-то Khroma вообще не играет (UI mockups, командная работа, хостинг), а где-то Framer объективно перегружен под задачу (free для одиночного дизайнера).

Это та самая ось, по которой Framer AI и Khroma расходятся максимально. У Framer есть Wireframer — флагманская AI-функция: пользователь чатится с Framer AI и получает готовую responsive страницу с структурой, контентом и дизайном. Сервис описывает это так: «Skip the blank canvas and spark ideas by chatting with Framer AI». Результат открывается прямо в canvas-редакторе как редактируемая Framer-страница, а не как статический код или экспортный файл — это принципиально отличает Wireframer от Webflow AI и Wix ADI, где между генерацией и редактированием есть промежуточный шаг.

Wireframer генерирует типичные форматы no-code продукции: landing pages, портфолио, резюме, личные сайты, стартап-страницы. Он доступен с тарифа Basic и выше — на Free его нет. Конкретных бенчмарков «время генерации страницы в секундах» Framer не публикует, поэтому мы это поле в досье отметили как Data Gap; на нашем опыте полная генерация landing-страницы укладывается в десятки секунд, но цифру в обзор без официального источника мы не ставим.

Khroma в этом параметре не играет. У сервиса есть ровно одна функция — генерация пары цветов на основе персональной модели предпочтений. UI mockup, компоненты, формы, навигация, mobile vs desktop layouts — ничего из этого Khroma не делает и никогда не заявлял, что делает. Это категориальный мискаст: ставить ему «низкую оценку за отсутствие UI-генерации» так же странно, как ругать молоток за то, что он не сверлит. Но в сравнительном обзоре мы обязаны эту разницу зафиксировать — иначе читатель не поймёт, почему общие баллы такие разные.

Заметим один нюанс по Framer: Wireframer не даёт полного контроля над архитектурой компонентов, как это делает Galileo AI / Stitch в стороне Google. Он генерирует Framer-страницу, не Figma-компонент. Если у вас в команде Figma как обязательный этап pipeline, Wireframer станет источником идеи страницы, но финальный design system всё равно соберёт дизайнер вручную.

Framer AI — не сервис генерации статичных ассетов в классическом смысле (это территория Canva и Microsoft Designer). Его «ассет» — целая страница сайта, которая собирается из контентных блоков, типографики, иллюстраций и шейдеров. Внутри Framer есть встроенная интеграция с Visual Electric для генерации изображений и Holo Shader — процедурный шейдер для голографических визуальных эффектов, который особенно vir в Twitter/X. Для marketing-задач «нужен баннер 1080×1080 для Instagram» Framer избыточен — это инструмент не для одиночного ассета, а для целого digital-продукта.

Khroma в нише ассетов работает очень узко и очень глубоко. Сервис генерирует только пары цветов — это намеренное архитектурное ограничение. Все остальные генераторы палитр (Coolors, Adobe Color, Color Hunt, Paletton) выдают 3–8 цветов; Khroma — два. Зачем: эта пара покрывает основную типографическую задачу (текст-фон), а пользователь получает её в стиле своих предпочтений, потому что модель обучилась на ~50 ваших like/dislike.

Когда у Khroma есть live preview — это видно сразу: пара цветов отображается на типографических, градиентных и постерных мокапах. Пользователь видит контекст, а не только два квадратика. Дополнительно WCAG accessibility ratings (AA / AAA) показываются прямо в превью, что закрывает отдельный шаг проверки контраста через WebAIM и аналоги. Для веб-дизайнера, который часто упирается в «текст не читается на фоне», эта связка особенно ценна.

Слабая сторона Khroma в этой подтеме — отсутствие 3+ цветовых схем. Для брендинга нужен primary + secondary + accent + neutral + alert, минимум пять цветов. Khroma такую палитру не построит — придётся уходить в Coolors или Adobe Color. Поэтому в финальной оценке мы держим обоим невысокие баллы по «универсальному ассет-генератору», но за свою узкую нишу Khroma получает заслуженно высокую оценку.

Framer AI после генерации Wireframer открывает результат в полноценном canvas-редакторе. Это значит, что любой компонент — текстовый блок, кнопку, hero-секцию, форму, embedded-Stripe-виджет — можно вручную перетащить, переписать, поменять цвет, заменить шрифт. Дополнительно есть встроенные процедурные шейдеры (Holo Shader и другие), responsive layouts с breakpoint-ами, real-time co-editing и автосохранение. Для разработчика и дизайнера это знакомая модель: AI генерирует стартовую точку, дальше — обычная работа в редакторе.

Поверх canvas есть открытый AI Plugins Framework — Framer позволяет подключать собственные API-ключи OpenAI, Anthropic и Gemini для расширения возможностей редактора. Через плагины можно настроить генерацию изображений, переписывание текста, автоматический alt-text. Это редкий случай в no-code-сегменте, где экосистема плагинов открыта для сторонних разработчиков, а не закрыта в фичах вендора.

Khroma по контролю работает в принципиально другом регистре — у сервиса нет редактируемого holst, потому что нет объекта для редактирования (есть только пара HEX-цифр). То, что доступно: фильтры по типу палитры (cool, warm, vibrant, light, dark, gradient), поиск похожих по hue / hex / RGB, сохранение в личный Library, бесконечная кнопка Generate. Это пять-шесть рычагов, но они работают мгновенно и не требуют обучения.

Главный «контроль», который Khroma предлагает — это контроль вкуса через обучение модели. Когда пользователь даёт ~50 like/dislike на старте, он впрямую формирует стиль будущих генераций. Это перехитрая концепция: не «параметры → результат», а «вкус → диапазон результатов». Для одиночного дизайнера это часто удобнее, чем крутить десятки слайдеров. Но для команды, где у каждого свой вкус, такая модель не масштабируется — Khroma не умеет «обучаться на бренд».

У Framer AI экспорт — самая слабая часть платформы и одновременно её рыночная стратегия. Сайт живёт исключительно внутри инфраструктуры Framer: собственный CDN, собственный bundler (Rolldown с 2025–2026), собственный canvas-редактор. Экспорта в HTML/CSS/JS код у Framer нет — это сознательное решение продукта, и оно зафиксировано в досье как ключевая слабая сторона. Static HTML snapshot отдаётся только SEO-краулерам, не пользователю.

Что Framer всё-таки умеет вытаскивать наружу: Forms API и CMS API доступны на Enterprise-тарифе (без публичной документации для стандартных тарифов — это Data Gap), есть нативные интеграции с Notion (синхронизация CMS через плагин), Zapier (автоматизация форм), Google Analytics, Plausible, Fathom и Mixpanel. То есть данные сайта можно гонять в обе стороны, а сам сайт — нет.

Khroma по экспорту работает на минимуме: только копирование HEX / RGB / HSL / CSS-значений одним кликом. Профессиональные форматы цветовых библиотек — .ase (Adobe Swatch Exchange), .clr (macOS color palette) и .json для design tokens — Khroma не отдаёт. Это значит, что палитру нельзя одной кнопкой загнать в Photoshop или Illustrator: придётся вручную добавить каждый HEX в swatch-панель. Для регулярного брендингового pipeline это раздражает, для одиночной идеи на лендинге — терпимо.

Оба сервиса в этой подтеме получают невысокие оценки, но по разным причинам: Framer — за стратегический lock-in, Khroma — за намеренно урезанные экспорт-форматы. В сравнении с Webflow (где экспорт кода есть) и Coolors (где экспорт в .ase и .pdf поддерживается) и Framer, и Khroma выглядят менее удобными для долгосрочного pipeline.

Framer AI поддерживает real-time co-editing в canvas-редакторе с автосохранением — это базовая функция продукта, не апсейл-фича. На уровне тарифа Pro и выше открываются роли и права доступа: можно разграничить, кто редактирует, кто комментирует, кто только смотрит. Дополнительные редакторы тарифицируются отдельно: $20/мес каждый на Basic, $40/мес каждый на Pro и Scale.

На Pro подключается staging-среда — отдельная копия сайта для тестирования изменений до публикации в production. Это та функция, которую разработчики ожидают по умолчанию, а в no-code-мире она редкость: Webflow её предлагает на сравнимом уровне, Wix — фактически нет. Для команды из 3–5 человек это разница между «один сломал прод» и «вкатили после ревью».

Khroma — одиночный сервис в самом прямом смысле. Library в нём личная, поделиться палитрой с командой можно только через копию HEX-кодов в Slack или email. Никаких ролей, прав, комментариев и share-link с разрешениями. Это типичная нагрузка инди-продукта: нет команды разработки → нет фичи collaboration. Для одного дизайнера это нормально, для агентства — повод поставить рядом другой инструмент, в котором палитра живёт в shared workspace.

Уникальная для Khroma особенность совместной работы — она существует через внешние ритуалы, а не через продукт. В команде Khroma часто используется так: один дизайнер обучает свою модель, экспортирует 5–10 пар в общий Notion-документ, остальные смотрят и выбирают. Это не плохо и не хорошо — это просто другой workflow, без претензии на «командный сервис».

Khroma по этому пункту даёт идеальный кейс: $0 навсегда, единственный тариф, без paid tier, без рекламы, без UTM-баннеров. Полный доступ ко всем функциям: безлимитная генерация, безлимитное сохранение в Library, все форматы экспорта значений, WCAG-рейтинги, все режимы превью. Регистрация требуется только для сохранения обученной модели между сессиями. Считать стоимость владения за год нечего — она равна нулю.

Framer AI 9 октября 2025 обновил тарифную сетку: упрощение с 5 планов до 3 (Basic / Pro / Scale), плюс Free и Enterprise. По собственным данным компании 60% пользователей получили снижение цены на 30%+ после изменения. Текущие тарифы (USD, при годовой оплате):

Framer Free даёт framer-subdomain, базовые дизайн-инструменты, публикацию сайта, неограниченные отправки форм — но без кастомного домена и с ограниченным числом страниц и CMS items. Wireframer на Free не работает: он начинается с Basic ($10/мес = $120/год), где появляются кастомный домен, AI-инструменты дизайна и встроенный SEO. Pro ($30/мес = $360/год) добавляет staging, роли, relational CMS и встроенную аналитику. Scale ($100/мес + usage = от $1 200/год) — events analytics, custom locale regions, priority support и подъём лимитов до 300 страниц и 200 GB bandwidth.

Отдельно: дополнительные редакторы стоят $20 на Basic и $40 на Pro/Scale за каждого. То есть команда из 3 человек на Pro обходится не в $360, а в $360 + $40 × 2 × 12 = $1 320/год. Это важная деталь, которую не видно на лендинге. По AI credit limits — Framer публично не раскрывает числовые лимиты (Data Gap), что для оценки годовой стоимости при тяжёлой AI-нагрузке делает прогноз неполным.

Khroma — редкий пример продукта, где «free навсегда» означает буквально весь продукт. Никаких функциональных стен, watermark-ов, ограничений по числу генераций или сохранений. Регистрация требуется, но только для сохранения обученной модели предпочтений и Library между сессиями — без регистрации тоже можно генерировать, но при перезагрузке всё сбросится. Рекламы нет, pop-up «обновись до Pro» нет, потому что нет Pro.

Framer Free устроен иначе — это полноценный slot для пробы продукта, но Wireframer на нём не работает. Что входит на Free: framer-subdomain (то есть сайт публикуется на адресе вида `*.framer.website`, не на собственном домене), базовые дизайн-инструменты, публикация сайта, drafts (черновики), неограниченные отправки форм. Что ограничено: число страниц и число CMS items не публикуется отдельно для Free, но известно, что кастомный домен и AI-инструменты дизайна доступны с тарифа Basic.

Главное практическое отличие: Free у Framer — это «попробуй редактор», а не «сделай реальный проект». Без Wireframer и без кастомного домена сайт можно собрать только вручную, как в обычном no-code-конструкторе. Если читатель пришёл именно за AI-генерацией сайта по промпту — Free не закроет эту задачу, нужен Basic $10/мес. Khroma Free, наоборот, закрывает всю заявленную функциональность продукта.

По собственному опыту в редакции мы держим Khroma как закладку и не платим — она просто работает. По Framer мы платим Basic, чтобы Wireframer был доступен и кастомный домен подключался. Поэтапный пробный путь у Framer выглядит так: Free неделю → Basic один месяц → решение про Pro по нагрузке команды.

Framer AI на API-фронте играет в B2B-режиме. Forms API и CMS API упоминаются в досье как доступные на Enterprise-тарифе — для обработки форм через внешние сервисы и программного доступа к контенту. Публичной документации для стандартных тарифов на момент составления досье не обнаружено (это зафиксировано как Data Gap), что само по себе сигнал: Framer не позиционирует себя как developer-platform с открытым API, а строит pipeline через нативные интеграции и Zapier.

Что у Framer есть как замена API: нативные интеграции с Notion (CMS sync через плагин), Zapier (автоматизация форм и CMS), Stripe (embed-виджет оплаты), Calendly, Loom, YouTube, Google Analytics, Plausible, Fathom, Mixpanel. Для CRM (HubSpot, Salesforce) — только через Zapier, нативной интеграции нет. Это значит, что Framer покрывает no-code-сценарии «настрой через UI», но плохо подходит для devops-сценариев «выкатим через CI/CD».

Khroma по API стоит на жёстком архитектурном «нет». Это не упущенная фича, а сознательное решение: модель работает в браузере, серверного endpoint просто не существует. У продукта нет API, документации, pricing на API и быть не может в этой архитектуре. Если разработчику нужно подтягивать палитры программно, Khroma не подойдёт ни в одном тарифе — никакая интеграция с Figma plugin или Webflow workflow не получится.

На уровне AI Plugins Framework у Framer есть интересный workaround: можно подключить собственные API-ключи OpenAI, Anthropic, Gemini для расширения возможностей редактора. Это не «API Framer», это «API ваших моделей в редакторе Framer» — концептуально другое, но для AI-агентств и студий с собственным LLM-стеком это работает как мост.

Khroma в этой подтеме идеально совпадает с типичной российской ситуацией. Доступ без VPN — да, страница khroma.co сама по себе не геоблокирована и работает на 2026-05-12 (зафиксировано в досье). Оплата картой не применяется — продукт полностью бесплатный, биллинга не существует. Локализации интерфейса нет, но UI настолько минималистичен (~10 английских слов на весь продукт), что языковой барьер практически нулевой. Регистрация требует email — это не геозависимо.

Что с 152-ФЗ у Khroma: формально статус «не применимо», потому что персональные данные РФ-пользователей публично не собираются и не обрабатываются в продуктовом смысле. Email при регистрации хранится на инфраструктуре автора (по косвенным признакам managed-хостинг, точное местоположение — Data Gap). Для одиночного дизайнера это бытовая ситуация, для корпоративного юр.лица — повод не использовать в работе с клиентскими данными.

Framer AI с российского IP открывается без VPN и регистрация работает — это проверено и зафиксировано в досье на 2026-05-12. Проблема начинается на этапе оплаты: биллинг идёт через Stripe, российские карты не поддерживаются. Обходные сценарии — зарубежная виртуальная карта через сервисы-посредники или зарубежная физическая карта. Оплата криптовалютой официально не заявлена (Data Gap). Юридическое присутствие в РФ отсутствует — компания зарегистрирована в Нидерландах, что для российских юр.лиц с обработкой персональных данных клиентов через встроенные формы Framer становится ограничением по 152-ФЗ.

Локализация Framer: UI редактора только на английском. Любопытно при этом, что AI Translate умеет генерировать русскоязычный контент сайта (один из 99 поддерживаемых языков), и сами сайты, построенные на Framer, могут быть полностью русскоязычными. То есть «русский внутри продукта» (UI редактора) — нет, «русский на выходе» (контент сайта) — да.

Khroma выигрывает по скорости не за счёт оптимизации, а за счёт архитектуры. Модель работает прямо в браузере пользователя — после первичного обучения на ~50 предпочтениях нет round-trip в сеть. Это значит, что кнопка `Generate` отрабатывает за менее 500 миллисекунд на палитру (по визуальному наблюдению, не публичный бенчмарк). Первичная сессия с обучением модели занимает 3–5 минут — за это время пользователь успевает отметить 50 цветов. После этого продукт работает в режиме «клик — новая палитра — клик — следующая».

Framer AI и его Wireframer публичных бенчмарков времени генерации не публикуют — это явно зафиксировано в досье как Data Gap. На основе общих признаков AI-конструкторов сайтов: генерация полной landing-страницы с компонентами, контентом и стилями — это десятки секунд, а не миллисекунды. Точную цифру в обзор без официального источника мы не ставим, потому что это нарушит правило no-fabrication.

Что Framer публикует по скорости в целом — это характеристики хостинга, не AI-генерации. Сервис перешёл на Rolldown bundler (Vite-based Rust bundler) в 2025–2026, что даёт ускорение компиляции и уменьшение размера бандла. Дополнительно есть Traffic-aware Pre-Rendering — динамическая оптимизация рендеринга: популярные страницы рендерятся заранее, непопулярные — on-demand. Эти оптимизации улучшают время загрузки готовых сайтов, но не время создания сайта в Wireframer.

На что это влияет в работе: Khroma можно использовать как «бесконечный brainstorm-режим» — генерировать пары пока что-то не зацепит, без чувства, что ждёшь сервер. Framer Wireframer работает иначе: один промпт — десятки секунд ожидания — редактор. Это совсем другая модель внимания. По нашему опыту в редакции Khroma часто открывается в фоне как «мысль вслух», а Framer — целевыми сессиями по 30–60 минут.

Framer B.V. на момент Series D в августе 2025 имела 500 000+ MAU, вышла на break-even и была прибыльна последний год до раунда. Series D ($100 млн при оценке $2 млрд) лидировали Meritech Capital и Atomico, участвовали WiL и HV Capital. Суммы предыдущих раундов Series A/B/C публично не раскрывались (Data Gap). Социальный сигнал — около половины свежего YC batch запускают сайты на Framer, среди клиентов Perplexity, Cal.com, Miro, Scale AI, Zapier.

Риск Framer — vendor lock-in (см. отдельную подтему по экспорту) и быстрый рост цены на Scale при масштабировании. Риск закрытия сервиса в ближайшие 1–2 года при таких показателях — минимальный. Компания заявляет фокус на расширение в США и enterprise-рынок.

Khroma построена на противоположной стратегии. Один автор (George Hastings) — independent developer. Юр.лицо публично не указано. Funding нет — продукт по всем признакам хобби или портфолио-проект. Bus factor = 1: если автор перестанет поддерживать проект, заменителя в той же позиции нет (есть конкуренты — Coolors, Adobe Color, Color Hunt — но без AI-обучения предпочтений). Плюс этой архитектуры — нет рисков смены стратегии под давлением VC, нет внезапного pivot-а, нет sunset-announcement через год после Series A. Минус — никаких гарантий: сайт открывается на 2026-05-12 — это весь публичный сигнал.