Forge UIСтудия дизайна

Создай дизайн любого интерфейса за пять минут.

Демонстрация: заголовок этой страницы редактируют вживую.

Сейчас вход по приглашениям. Примеры ниже доступны без аккаунта.

Попробовать или Крути дальше

От идеи до кода: идея, структура, материал, движение, код

Тоннель материалов: пиксель, жидкое стекло, неон, голография, металл, код

Подключения к ИИ-агенту: вход через ChatGPT, API нейросетей, OpenRouter и MCP

  1. Собери панель запуска для «Новы»: заголовок, две метрики и кнопку.

Лаборатория материалов · Жидкое стекло · 01 / 07

Один экран, семь миров.

Жидкое стекло, мягкий рельеф, глина, неон, металл, бумага и настоящий Pixel: у каждого мира свой свет, фон и музыка. Компонент тот же, меняется только материал.

Нажми «Слушать»: у плеера своя музыка.

Все 13 материалов студии в кузнице стилей
Forge FM

Ночная смена

Forge FM · генеративный эфир студии

0:00в эфире
Звук студии

Кузница стилей · 01 / 13

Тринадцать материалов. Одна карточка.

Выбери материал, и искры перекуют карточку по рецепту самой студии. В редакторе ждут те же тринадцать.

Жидкое стекло

Преломление, прозрачность и свет на грани

Одна студия · весь путь

Всё, чтобы собрать интерфейс целиком.

65+

компонентов

Кнопки, поля, таблицы, графики, меню и диалоги: живые, с состояниями и движением.

60

тем Pixel · 2160 спрайтов

Настоящие пиксельные спрайты для игр: ровная сетка, 9-slice и состояния кнопок.

Малахит и латунь

3

формата экспорта · React · HTML · ZIP

Забираешь живой код или весь проект и работаешь дальше без привязки к студии. 


            

          

          

            
13

            
материалов

            

              Один компонент, тринадцать поверхностей. Нажми на образец, и кузница выкует его.
            

            

              

              
            

          

        

      


      

        

      


      

        

          

            
Перед первым проектом

            
Несколько полезных ответов.

          

          
        

        

          
          
    
            
  1. 
              
    
                
    
                  
    
                    
                  
    
                
    
                
    
                  
    
                  Для интерфейсов сайтов, сервисов, программ и игр: от отдельной кнопки до
                  многосоставного экрана. Логику сервера твоего приложения подключает разработчик.
                  
    
                
    
              
    
            
    2. 
            
  2. 
              
    
                
    
                  
    
                    
                  
    
                
    
                
    
                  
    
                  Да. Пиксельные спрайты и современные компоненты доступны в новой студии. Классическая
                  мастерская также сохраняет свои инструменты и документы.
                  
    
                
    
              
    
            
    3. 
            
  3. 
              
    
                
    
                  
    
                    
                  
    
                
    
                
    
                  
    
                  Нет. Компоненты, материалы, композиция, процедурная графика и экспорт работают без
                  генерации изображений. Внешние модели это дополнительный инструмент со своим
                  подключением и оплатой.
                  
    
                
    
              
    
            
    4. 
            
  4. 
              
    
                
    
                  
    
                    
                  
    
                
    
                
    
                  
    
                  Редактируемый проект и выбранный экспорт: React/TypeScript, автономный
                  HTML/CSS/JavaScript или графические файлы. Живое стекло работает в вебе; PNG передаёт
                  статичный вид на выбранном фоне.
                  
    
                
    
              
    
            
    5. 
            
  5. 
              
    
                
    
                  
    
                    
                  
    
                
    
                
    
                  
    
                  Пока нет: новая универсальная студия доступна в раннем доступе и развивается по
                  этапам. Возможности зависят от установленной версии. Классическая мастерская работает
                  отдельно; обновление этой страницы не заменяет редактор или твои проекты.
                  
    
                
    
              
    
            
    6. 
            
  6. 
              
    
                
    
                  
    
                    
                  
    
                
    
                
    
                  
    
                  Звук синтезируется прямо в браузере и по умолчанию выключен. Включить или выключить
                  его можно кнопкой в шапке; анимацию тоже можно остановить.
                  
    
                
    
              
    
            
    7. 
          

        

      


      

        
        

          Собери свой интерфейс.
          Уже сейчас.
        

        

          Открой студию и смонтируй свой первый моушн‑дизайн или интерфейс: структура, материал,
          движение, и на выходе готовый код для скачивания или файл.
        

        

          
            
            Попробовать
            
            
          
          Смотреть ролик снова
        

      


      

        

          

            

              Манифест · Forge UI
            

            

              Forge UI это студия, где интерфейс собирается как ролик: с ИИ-агентом или своими руками.
              Структура, материал и движение складываются в живой экран прямо на глазах, а на выходе
              получается живой код React или HTML. Для сайтов, приложений, игр и чего угодно.