Фижма
Знак ПрохораПрохор
РезюмеCV Telegram

Холст в разметке

export function Screen() {
  return (
    <div style={{ position: 'relative' }}>
  <div style={{ position: 'absolute', left: 0, top: 0, width: 390, height: 640, background: 'rgb(var(--bg-rgb))', borderRadius: 16, outline: '1px solid rgb(var(--line-rgb))', outlineOffset: -1, overflow: 'hidden' }}></div>
    </div>
  );
}
загрузка
Слои
Экран
Холст

Страницы

Фон холста

Цвет

Цвета набора

bgbg
surfacesurfacesurface-2
texttexttext-2
mutedmuted
lineline
accentaccentaccent-hiaccent-deepaccent-2
signalsignal

Сочетания клавиш

Инструменты

  • ВыборV
  • РукаH или пробел
  • МасштабK
  • РамкаF
  • ПлашкаR
  • ОвалO
  • ЧертаL
  • МногоугольникShift+P
  • ЗвездаShift+S
  • СтрелкаShift+L
  • РазделShift+F
  • ВекторShift+V
  • ТекстT
  • КартинкаI
  • ЭлементE

Правка

  • ОтменитьCtrl+Z
  • ВернутьCtrl+Shift+Z
  • КопироватьCtrl+C
  • ВырезатьCtrl+X
  • ВставитьCtrl+V
  • ДублироватьCtrl+D
  • Копировать оформлениеCtrl+Alt+C
  • Вставить оформлениеCtrl+Alt+V
  • Собрать в рамкуCtrl+G
  • Разобрать рамкуCtrl+Shift+G
  • Авто-раскладкаShift+A
  • Сделать компонентомCtrl+Alt+K
  • Отвязать экземплярCtrl+Alt+B
  • Сделать маскойCtrl+Alt+M
  • Отразить по горизонталиShift+H
  • Отразить по вертикалиShift+V
  • ПереименоватьCtrl+R
  • Скрыть или показатьCtrl+Shift+H
  • Запереть или отперетьCtrl+Shift+L
  • УдалитьDelete

Выделение

  • Выделить всёCtrl+A
  • Снять выделениеEsc
  • Внутрь рамкиEnter
  • НаружуShift+Enter или \
  • Следующий слойTab
  • Предыдущий слойShift+Tab

Порядок

  • ВышеCtrl+]
  • НижеCtrl+[
  • На самый верхCtrl+Alt+]
  • На самый низCtrl+Alt+[

Вид

  • Вписать холстShift+1
  • Вписать выделенноеShift+2
  • Сто процентовCtrl+0
  • ПриблизитьCtrl+=
  • ОтдалитьCtrl+-
  • ПросмотрShift+Enter на рамке
  • Список сочетанийCtrl+/

Мышь

  • Двигать холстколесо, или пробел с тягой, или средняя кнопка
  • Двигать вбокShift с колесом
  • ПриближатьCtrl с колесом, или кнопка «Колесо» в полосе
  • Выделить несколькообвести рамкой по пустому месту
  • Добавить к выделениюShift с нажатием
  • Взять узел внутриCtrl с нажатием или двойной щелчок
  • Держать ось при переносеShift
  • Копия при переносеAlt с тягой
  • Без прилипанияCtrl во время тяги
  • Соотношение сторонShift у ручки размера
  • Тянуть от серединыAlt у ручки размера
  • Менюправая кнопка, на телефоне долгое нажатие

Чего нет

  • Перо и карандашрисовать кривые, это отдельный редактор; готовый вектор принимаем
  • Комментарииредактор на одного, обсуждать не с кем
  • Переходы между экранамиэлементы и так живые, а переход, это уже приложение
  • Варианты компонентаследующий слой: пока у компонента одно состояние