---

Видео на тему: Дизайн Разработка Управление - видео

Всем привет! В этом видео мы посмотрим как можно быстро написать свой плагин для Figma при помощи Cursor #вайб-кодинг #figma #cursor #plugins #wibe-coding #разработка #дизайнВступительное слово о том, что будет находится в этой серии видео. #управление #softskills #менеджмент #люди #навыки #itВ этом видео я расскажу как установить на Mac Homebrew, Git, NodeJS. Эти инструменты понадобяться нам при прохождении 2-го блока моего курса "Архитектор Дизайн Систем" Ссылка на канал: https://t.me/s/dsarchitect Ссылка на сайт с курсами: https://sharpedskills.ru/ Homebrew: https://brew.sh Git-Mac: https://git-scm.com/download/mac Git-Win: https://git-scm.com/downloads/win GitHub CLI: https://cli.github.com/ NodeJS: https://nodejs.org/en #git #dev # nodejs #homebrew #yarn #mac #iterm #ohmyzshВ этом видео я расскажу как установить на Mac VS Code. Он нам понадобится при прохождении 2-го блока моего курса "Архитектор Дизайн Систем" Ссылка на канал: https://t.me/s/dsarchitect Ссылка на сайт с курсами: https://sharpedskills.ru/ VS Code: https://code.visualstudio.com/download Ссылки на полезные расширения: https://marketplace.visualstudio.com/items?itemName=jonkwheeler.styled-components-snippets https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens https://marketplace.visualstudio.com/items?itemName=Equinusocio.vsc-material-theme-icons https://marketplace.visualstudio.com/items?itemName=GitHub.github-vscode-theme https://marketplace.visualstudio.com/items?itemName=figma.figma-vscode-extension https://marketplace.visualstudio.com/items?itemName=rodrigovallades.es7-react-js-snippets https://marketplace.visualstudio.com/items?itemName=jzmstrjp.color-the-tag-name https://marketplace.visualstudio.com/items?itemName=naumovs.color-highlight https://marketplace.visualstudio.com/items?itemName=BracketPairColorDLW.bracket-pair-color-dlw https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-close-tag #dev #vscode #howto #frontend #extentions #installОдин из подходов семантики цветовых токенов для Дизайн-систем в Фигме Все видео доступны для ребят, которые проходят обучение у меня на курсе "Архитектор Дизайн-систем" Ниже по ссылке можно посмотреть программу курса https://www.figma.com/proto/vzVCZoKjuAbHN4xikNlKOB/DSA-%D0%9F%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BC%D0%B0?page-id=&node-id=7-2&starting-point-node-id=7%3A2&mode=design&t=SMp2w0KdDqdS1Esz-1 По вопросам пишите в группу: https://t.me/dsarchitect или в личку https://t.me/arturdsgn Ссылка на сайт с курсами: https://sharpedskills.ru/ Фигма файл в с примерами: https://www.figma.com/community/file/1173674752368814985/color-tokenization-v-3-1 #дизайн-система #токены #фигма #цвета #палитры #дизайн #визуалБазовые команды терминала в Мак ос Ниже по ссылке можно посмотреть программу курса https://www.figma.com/proto/vzVCZoKjuAbHN4xikNlKOB/DSA-%D0%9F%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BC%D0%B0?page-id=&node-id=7-2&starting-point-node-id=7%3A2&mode=design&t=SMp2w0KdDqdS1Esz-1 По вопросам пишите в группу: https://t.me/dsarchitect или в личку https://t.me/arturdsgn Ссылка на сайт с курсами: https://sharpedskills.ru/ #terminal #macos #basics #shell #environment #tutorialКогда нет необходимости зеркалить компоненты из дизайна в код Ссылка на мой курс: https://www.figma.com/proto/vzVCZoKjuAbHN4xikNlKOB/DSA-%D0%9F%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BC%D0%B0?page-id=0%3A1&node-id=7-2&viewport=604%2C497%2C0.26&t=PYXFw1ztE7lNqMNT-1&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=7%3A2 Ссылка на мой ТГ канал: https://t.me/dsarchitect Ссылка на сайт: https://sharpedskills.ru/ Ссылка на Фигма файл: https://www.figma.com/design/MSmUun3HqLcCfVSja1ergX/Design-VS-Code?node-id=16-65&t=5g1S5forXutBezNv-1 Ссылка на код: https://codesandbox.io/p/sandbox/design-vs-dev-dn3zfz?file=%2Fsrc%2Fcomposition.tsx%3A8%2C1-18%2C5Когда необходимо поддержать разработку и создавать компонент в дизайне Ссылка на мой курс: https://www.figma.com/proto/vzVCZoKjuAbHN4xikNlKOB/DSA-%D0%9F%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BC%D0%B0?page-id=0%3A1&node-id=7-2&viewport=604%2C497%2C0.26&t=PYXFw1ztE7lNqMNT-1&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=7%3A2 Ссылка на мой ТГ канал: https://t.me/dsarchitect Ссылка на Фигма файл: https://www.figma.com/design/MSmUun3HqLcCfVSja1ergX/Design-VS-Code?node-id=16-65&t=5g1S5forXutBezNv-1 Ссылка на код: https://codesandbox.io/p/sandbox/design-vs-dev-dn3zfz?file=%2Fsrc%2Fcomposition.tsx%3A8%2C1-18%2C5Описание проекта и того о чем поговорим в рамках этого мини курса Ссылка на мой курс: https://www.figma.com/proto/vzVCZoKjuAbHN4xikNlKOB/DSA-%D0%9F%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BC%D0%B0?page-id=0%3A1&node-id=7-2&viewport=604%2C497%2C0.26&t=PYXFw1ztE7lNqMNT-1&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=7%3A2 Ссылка на мой ТГ канал: https://t.me/dsarchitect Ссылка на Фигма файл: https://www.figma.com/design/MSmUun3HqLcCfVSja1ergX/Design-VS-Code?node-id=16-65&t=5g1S5forXutBezNv-1 Ссылка на код: https://codesandbox.io/p/sandbox/design-vs-dev-dn3zfz?file=%2Fsrc%2Fcomposition.tsx%3A8%2C1-18%2C5Архитектура свойств и состояний Как грамотно разработать Design & Code API В Фигме и Реакте Дизайн API в Фигме Ниже по ссылке можно посмотреть программу курса https://www.figma.com/proto/vzVCZoKjuAbHN4xikNlKOB/DSA-%D0%9F%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BC%D0%B0?page-id=&node-id=7-2&starting-point-node-id=7%3A2&mode=design&t=SMp2w0KdDqdS1Esz-1 По вопросам пишите в группу: https://t.me/dsarchitect или в личку https://t.me/arturdsgn Ссылка на сайт с курсами: https://sharpedskills.ru/ Ссылка на дизайн: https://www.figma.com/community/file/1343211360629629989/state-props-how-to-create-design-code-api-for-your-components Ссылка на код: https://codesandbox.io/p/sandbox/state-props-9mv92h Ссылка на CSS псевдо-классы: https://developer.mozilla.org/ru/docs/Web/CSS/Pseudo-classes Поддержите автора: 2200 1523 5033 7989 #react #typescript #figma #designsystem #figma #components #api #architectureАрхитектура свойств и состояний Как грамотно разработать Design & Code API В Фигме и Реакте Вступление Ниже по ссылке можно посмотреть программу курса https://www.figma.com/proto/vzVCZoKjuAbHN4xikNlKOB/DSA-%D0%9F%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BC%D0%B0?page-id=&node-id=7-2&starting-point-node-id=7%3A2&mode=design&t=SMp2w0KdDqdS1Esz-1 По вопросам пишите в группу: https://t.me/dsarchitect или в личку https://t.me/arturdsgn Ссылка на сайт с курсами: https://sharpedskills.ru/ Ссылка на дизайн: https://www.figma.com/community/file/1343211360629629989/state-props-how-to-create-design-code-api-for-your-components Ссылка на код: https://codesandbox.io/p/sandbox/state-props-9mv92h Ссылка на CSS псевдо-классы: https://developer.mozilla.org/ru/docs/Web/CSS/Pseudo-classes Поддержите автора: 2200 1523 5033 7989 #react #typescript #figma #designsystem #figma #components #api #architectureАрхитектура свойств и состояний Как грамотно разработать Design & Code API В Фигме и Реакте Расширение API в Figma + React Ниже по ссылке можно посмотреть программу курса https://www.figma.com/proto/vzVCZoKjuAbHN4xikNlKOB/DSA-%D0%9F%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BC%D0%B0?page-id=&node-id=7-2&starting-point-node-id=7%3A2&mode=design&t=SMp2w0KdDqdS1Esz-1 По вопросам пишите в группу: https://t.me/dsarchitect или в личку https://t.me/arturdsgn Ссылка на сайт с курсами: https://sharpedskills.ru/ Ссылка на дизайн: https://www.figma.com/community/file/1343211360629629989/state-props-how-to-create-design-code-api-for-your-components Ссылка на код: https://codesandbox.io/p/sandbox/state-props-9mv92h Ссылка на CSS псевдо-классы: https://developer.mozilla.org/ru/docs/Web/CSS/Pseudo-classes #react #typescript #figma #designsystem #figma #components #api #architectureАрхитектура свойств и состояний Как грамотно разработать Design & Code API В Фигме и Реакте Разработка API на React Ниже по ссылке можно посмотреть программу курса https://www.figma.com/proto/vzVCZoKjuAbHN4xikNlKOB/DSA-%D0%9F%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BC%D0%B0?page-id=&node-id=7-2&starting-point-node-id=7%3A2&mode=design&t=SMp2w0KdDqdS1Esz-1 По вопросам пишите в группу: https://t.me/dsarchitect или в личку https://t.me/arturdsgn Ссылка на сайт с курсами: https://sharpedskills.ru/ Ссылка на дизайн: https://www.figma.com/community/file/1343211360629629989/state-props-how-to-create-design-code-api-for-your-components Ссылка на код: https://codesandbox.io/p/sandbox/state-props-9mv92h Ссылка на CSS псевдо-классы: https://developer.mozilla.org/ru/docs/Web/CSS/Pseudo-classes Поддержите автора: 2200 1523 5033 7989 #react #typescript #figma #designsystem #figma #components #api #architectureВ это видео мы рассмотрим: - Создание репозитория - Клонирование на рабочий компьютер - Создание ветки - Создание Pull request - Рассмотрим основные функции приложения Github desktop - Сравним работу с git в приложении и в терминале #dev #git #github #githubdesktop #repository #codeСсылка на программу курса: https://www.figma.com/proto/vzVCZoKjuAbHN4xikNlKOB/DS-Architect-Course-plan?page-id=0%3A1&type=design&node-id=7-2&viewport=1459%2C424%2C0.59&t=0ap9ozgf6jNp3XYN-1&scaling=min-zoom&starting-point-node-id=7%3A2&mode=design Ссылка на файл: https://www.figma.com/file/8omlh6QzTPWAo7kmEnJA08/DSA-Variables?type=design&node-id=13%3A48&mode=design&t=7UHigwYhs5mOtB7h-1 Ссылка на комьюнити файл пример разных подходов токенизации цветов: https://www.figma.com/community/file/1173674752368814985/color-tokenization-v-2-1 #designsystem #colors #tokens #figma #variables #libraryВ этом коротком видео я покажу как создавать репозиторий на базе шаблона, а также покажу как разворачивать его локально на вашем ПК Данное видео является дополнением к моему курсу "Архитектор Дизайн Систем" Если вам интересная программа, прилагаю ссылку на программу https://www.figma.com/proto/vzVCZoKjuAbHN4xikNlKOB/DS-Architect-Course-plan?page-id=0%3A1&type=design&node-id=7-2&viewport=642%2C290%2C0.27&t=g1zErsWPYwK77XUQ-1&scaling=min-zoom&starting-point-node-id=7%3A2&mode=design Ссылка на видео по базовым командам в терминале: https://rutube.ru/video/9da298bcf695e933488b1e7452870b86/ #design-system #components #react #library #typescriptХочу рассказать пару слов обо мне и о канале, а также о том какой контент вы сможете найти здесь! #дизайн #разработка #дизайнсистема #менеджмент #контент #каналВсем привет! Сегодня расскажу про терминал, базовые команды которые используются чаще всего Ниже по ссылке можно посмотреть программу курса https://www.figma.com/proto/vzVCZoKjuAbHN4xikNlKOB/DSA-%D0%9F%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BC%D0%B0?page-id=&node-id=7-2&starting-point-node-id=7%3A2&mode=design&t=SMp2w0KdDqdS1Esz-1 По вопросам пишите в группу: https://t.me/dsarchitect или в личку https://t.me/arturdsgn Ссылка на сайт с курсами: https://sharpedskills.ru/ #terminal #bash #iterm2 #codeВ рамках моего курса " Архитектор Дизайн Систем" Записал небольшое видео о том, как зарегистрироваться в 3-х популярных сервисах, которые мы будем использовать в блоке "Разработка" Ниже по ссылке можно посмотреть программу курса https://www.figma.com/proto/vzVCZoKjuAbHN4xikNlKOB/DSA-%D0%9F%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BC%D0%B0?page-id=&node-id=7-2&starting-point-node-id=7%3A2&mode=design&t=SMp2w0KdDqdS1Esz-1 По вопросам пишите в группу: https://t.me/dsarchitect или в личку https://t.me/arturdsgn Ссылка на сайт с курсами: https://sharpedskills.ru/