Задать вопрос
  • Можно ли задать такое поведение для вариативного компонента?

    melpnz
    @melpnz Куратор тега Figma
    UX/UI дизайнер
    Не так давно появилась такая возможность «Absolute position» в Auto Layout
    62b1b0c9aebfd188512557.jpeg
    Ответ написан
    Комментировать
  • Как в Photoshop навсегда отключить вспомогательную сетку при увеличении?

    melpnz
    @melpnz Куратор тега Adobe Photoshop
    UX/UI дизайнер
    View - Show - Pixel Grid
    62b1af8a4fa3c159466332.jpeg

    Результат:
    62b1afa74352d204453457.gif
    Ответ написан
    Комментировать
  • Как размещать сфрические панорамные фото 360 градусов в Yandex?

    melpnz
    @melpnz
    UX/UI дизайнер
    Не знаю как давно, но уже больше года загружаю фото 360 на яндекс карты, через pano.maps.yandex.ru
    Ответ написан
    Комментировать
  • Lorem Ipsum можно использовать в портфолио дизайнера сайтов?

    melpnz
    @melpnz
    UX/UI дизайнер
    Lorem Ipsum и любые рыбо-тексты в портфолио - зло. Самый лучший вариант взять текст с другого сайта, обезличить его и чуток его переписать. Вряд ли кто-то прям пойдёт искать откуда взялся этот текст. Но зато макет будет похож на реальный, а не работу в стол.
    Ответ написан
    Комментировать
  • Неправильно открывается смарт-объект в Photoshop?

    melpnz
    @melpnz Куратор тега Adobe Photoshop
    UX/UI дизайнер
    Всё зависит от того как вы создавали смарт объект. Если вы закинули файл с пк или вставили вектор из иллюстратора, то он и будет открываться в той среде. Если нужно чтобы фото открывалось там же в фотошопе, то вставьте его и уже в файле заверните в смарт объект. Тогда по двойному клику будет просто открываться новая вкладка
    Ответ написан
  • Какой подобрать ноутбук для графического дизайна?

    melpnz
    @melpnz
    UX/UI дизайнер
    Из всего что вы выложили лучше всего брать Lenovo IdeaPad Gaming 3 15IMH05...
    627523c9ba8e4989934045.jpeg

    По соотношению проц-видик самое нормальное. А всё таки Адобовский пакет требователен к видику. Ну и оперативы и SSD должно хватить. В принципе пару лет назад брал похожий ноут, только на i5 девятысячном. С полиграфийкой справляется без проблем, небольшие видео (до 10 минут) в After Effects тоже норм.
    Ответ написан
  • Почему портится векторная кривая?

    melpnz
    @melpnz Куратор тега Adobe Illustrator
    UX/UI дизайнер
    Предположил бы 2 причины почему может такое возникать:

    1. Привязка в пикселям или сетке.
    Попробуйте зайти в меню View и выключить все параметры внизу начинающиеся со "Snap to ..."
    626e5cc8b1771324034422.jpeg

    2. При экспорте в SVG
    Тут я чаще такую историю встречал, что элементы коробит при экспорте в SVG. Тут пожалуй единственное решение увеличить масштаб в 4-10 раз.
    Ответ написан
  • Как массово выгрузить из фигмы фото?

    melpnz
    @melpnz Куратор тега Figma
    UX/UI дизайнер
    Вам подойдёт плагин Rename It.
    С его помощью можно переименовать все слои массово. Можно выделить все фреймы и нажать на Enter - тогда выделятся все слои внутри фреймов. Далее запускаете плагин и выбираете Parent Name (будет наследовать название фрейма) + Num (чтобы была нумерация). Не забудьте поставить между ними "/", чтобы при экспорте для каждой группы создались отдельные папки по названию фрейма.

    На скрине пример конечного имени
    626c01c37fc4b255084199.jpeg

    Когда все переименуете, можно опять выделить все фреймы, нажать Enter чтобы выбрались слои внутри, ну и уже экспортируйте в нужном вам формате
    626e5ba0178b3057423070.jpeg
    Ответ написан
    Комментировать
  • Сервис по подбору шрифтов?

    melpnz
    @melpnz
    UX/UI дизайнер
    Ну есть 2 способа:
    1. Платный
    Много всяких сайтов с конструкторами логотипов, например logomaster.ai. Генерирует как иконку, так и шрифт. Но чтобы скачать результат в векторе придётся отдать 3600р

    2. Бесплатные
    • GoogleFonts - подбираете шрифт, скачиваете этот шрифт бесплатно и используете как хотите.
    • Figma - по сути просто графический редактор, с большим количеством предустановленных шрифтов. Выбираете, что нужно, можно экспортировать в SVG.
      Скрин
      626b8b6f4df01577907380.jpeg

    Ответ написан
  • В фотошопе можно анимировать слои коррекции?

    melpnz
    @melpnz Куратор тега Adobe Photoshop
    UX/UI дизайнер
    нет, но можно попробовать сделать через opacity
    6266a8c7a25c6900097956.jpeg
    Ответ написан
    3 комментария
  • Как сделать такую фигуру в фигме?

    melpnz
    @melpnz Куратор тега Figma
    UX/UI дизайнер
    1. Рисуем круг, добавляем черный фон
    622d98de205b4322673671.png

    2. Добавляем на круг градиент
    622d98ebbf815148782859.png

    3. Добавляем кругу размытие
    622d98f148a8f556494763.png

    4. Рисуем прямоугольник поверх круга
    622d98e774f51239260541.png

    5. Добавляем прозрачность цвету и обводку
    622d98f89825f436407178.png

    6. Добавляем размытие всего, что лежит под прямоугольником
    622d98fea58b2316825897.png

    Если необходимо добавить шум, то можно сделать это через плагин - Noise
    Ответ написан
    Комментировать
  • Как конвертировать картинку файл в svg и вывести ее на странице?

    melpnz
    @melpnz
    UX/UI дизайнер
    В данном случае ничего не остается, только воспользоваться трассировкой в каком-нить инструменте, например Illustrator.

    Вот результат таким манипуляций:
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 344.4 13.89">
      <path fill="#fff" d="M344.4 4.08c-1.02-.12-2.04-.19-3.05-.35-2.94-.48-5.87-1.01-8.81-1.49-.54-.09-1.19-.2-1.65.01-2.13.94-4.22.29-6.32-.02-.58-.09-.99-.14-1.06.66-.17 2.08-1.89 3.26-3.98 2.82-2.82-.59-5.63-1.33-8.48-1.67-2.12-.26-4.29.01-6.45.03-1.68.01-3.35.07-5.03-.01-.64-.03-1.36-.25-1.87-.63-1.6-1.17-3.29-1.82-5.33-1.75-.97.04-2.02-.36-2.92-.8-1.98-.96-3.42-1.21-4.85 1.67-.25.5-1 .87-1.59 1.04-1.37.41-2.79.61-4.17.98-2.51.67-4.71-.35-6.87-1.3-.83-.36-1.43-.21-2.1.1-5.03 2.34-10.29 3.12-15.78 2.44-.36-.04-.74.02-1.07-.09-1.55-.51-2.4-.04-3.34 1.4-.67 1.01-2.29 1.72-3.58 1.91-2.07.3-4.22.1-6.33.03-1.18-.04-2.36-.33-3.54-.39-.51-.03-1.05.24-1.56.38-.33.09-.65.21-.98.31-.48.16-1.09.18-1.43.49-1.83 1.67-4.02 1.25-6.12 1.04-1.44-.14-2.84-.7-4.27-1.01-.69-.15-1.43-.12-2.13-.22-4.14-.6-8.25.28-12.38.3-3.03.02-6.06-.16-9.09-.19-.46 0-.93.31-1.39.49-.52.21-1.05.66-1.56.63-3.01-.17-6-.45-9.01-.7-.16-.01-.32-.12-.46-.1-3.91.57-7.82 1.13-11.72 1.77-.49.08-1.01.5-1.36.9-.67.77-1.47.92-2.44.93-3.62.02-7.24.29-10.85.15-3.32-.13-6.68-.42-9.93-1.09-2.03-.42-3.95-1.41-6.12-1.27a.655.655 0 0 1-.45-.14c-1.84-1.59-4.12-.74-6.18-1.13-.26-.05-.58 0-.82.1-2.09.93-4.14.37-6.16-.21-3.02-.88-6-1.95-9.04-2.77-2.16-.59-4.4-.86-6.59-1.36-.58-.13-1.06-.74-1.64-.83-.96-.15-1.96-.1-2.94-.04-.52.03-1.03.38-1.55.39-2.71.04-5.43.02-8.14.01-3.14 0-6.06.79-8.79 2.33-1.71.96-3.49.96-5.33.46-.57-.16-1.2-.4-1.74-.3-2.44.46-4.73-.11-7.01-.83-1.64-.51-3.24-.76-5.01-.55-1.37.19-2.84-.41-4.28-.6-.63-.08-1.33-.11-1.93.05-2.07.58-3.96.6-5.82-.77-.57-.42-1.71-.31-2.52-.13-1.49.33-2.79-.11-4.22-.38-2.78-.52-5.6-1.36-8.53-.11-1.1.47-2.57.01-3.88.02-.39 0-1.03.09-1.11.3-.43 1.21-1.36.82-2.1.67-1.46-.31-2.88-.81-4.33-1.16-.93-.22-1.89-.31-2.84-.41-1.19-.14-2.21.18-3.24.86-.8.54-1.84.92-2.8 1.01-2.28.21-4.58.34-6.86.24-1.73-.08-3.41-.48-4.97-1.51-1.08-.71-2.49-1.14-3.79-1.24-.85-.07-1.8.62-2.66 1.07-1.94 1-3.99 1.55-6.16 1.72V0h344.4v4.08z"/>
    </svg>
    Ответ написан
    Комментировать
  • Как приобразовать контур в Illustrator?

    melpnz
    @melpnz Куратор тега Adobe Illustrator
    UX/UI дизайнер
    Никак. Придётся заново обрисовывать в линиях.
    На последней картинке - даже если сделать трассировку, то получится единый контур. Разбивать его придётся уже по точкам на отдельные
    Ответ написан
    Комментировать
  • Как вытащить из свг cкругленный крестик?

    melpnz
    @melpnz
    UX/UI дизайнер
    Так просто - никак. Только через графические проги.
    <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
    	<path fill="#002638" d="M11.9288 10.6153C11.878 10.4935 11.8036 10.3829 11.7099 10.2899L10.4099 8.99994L11.7099 7.70994C11.8982 7.52164 12.004 7.26624 12.004 6.99994C12.004 6.73364 11.8982 6.47824 11.7099 6.28994C11.5216 6.10164 11.2662 5.99585 10.9999 5.99585C10.7336 5.99585 10.4782 6.10164 10.2899 6.28994L8.99994 7.58994L7.70994 6.28994C7.52164 6.10164 7.26624 5.99585 6.99994 5.99585C6.73364 5.99585 6.47824 6.10164 6.28994 6.28994C6.10164 6.47824 5.99585 6.73364 5.99585 6.99994C5.99585 7.26624 6.10164 7.52164 6.28994 7.70994L7.58994 8.99994L6.28994 10.2899C6.19621 10.3829 6.12182 10.4935 6.07105 10.6153C6.02028 10.7372 5.99414 10.8679 5.99414 10.9999C5.99414 11.1319 6.02028 11.2626 6.07105 11.3845C6.12182 11.5063 6.19621 11.6169 6.28994 11.7099C6.3829 11.8036 6.4935 11.878 6.61536 11.9288C6.73722 11.9796 6.86793 12.0057 6.99994 12.0057C7.13195 12.0057 7.26266 11.9796 7.38452 11.9288C7.50638 11.878 7.61698 11.8036 7.70994 11.7099L8.99994 10.4099L10.2899 11.7099C10.3829 11.8036 10.4935 11.878 10.6153 11.9288C10.7372 11.9796 10.8679 12.0057 10.9999 12.0057C11.1319 12.0057 11.2626 11.9796 11.3845 11.9288C11.5063 11.878 11.6169 11.8036 11.7099 11.7099C11.8036 11.6169 11.878 11.5063 11.9288 11.3845C11.9796 11.2626 12.0057 11.1319 12.0057 10.9999C12.0057 10.8679 11.9796 10.7372 11.9288 10.6153Z"/>
    </svg>
    Ответ написан
    Комментировать
  • В каком софте для прототипирования лучше реализована Conditional logics?

    melpnz
    @melpnz Куратор тега Figma
    UX/UI дизайнер
    Я такими вещами занимался в Axure.

    Например, вам нужно посчитать количество символов введенных в инпут - это можно сделать.
    Сделать макет где есть поле ввода e-mail + кнопка отправить и чтобы по нажатию на неё проходила проверка на наличие @ и точки в поле. И в зависимости от наличия выводились разные состояния "успех" и "ошибка" - тоже можно реализовать.

    Вот небольшой список основных математических вычислений которые Axure может делать.
    Про conditional logics так же есть отдельная страница с описанием.

    Но:
    1. Инструмент не из простых,
    2. Бесплатная версия всего 30 дней,
    3. Хоть и рендерит html - в верстке такой код лучше не использовать.
    Ответ написан
    Комментировать
  • Как разукрасить фон снаружи от path?

    melpnz
    @melpnz
    UX/UI дизайнер
    Никак. Либо действительно через маски делать, либо создать еще один слой нужного цвета с вырезанными звёздами. Потому что, тут работа со слоями и если вы хотите, чтобы звёзды оставались прозрачными - значит под ними не должно быть какого-то закрашенного слоя. Вот например добавил белый слой с вырезанными из него звёздами:

    <svg width="68" height="12" viewBox="0 0 68 12" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path fill-rule="evenodd" clip-rule="evenodd" d="M68 0H0V12H68V0ZM7.545 4.13L6 1L4.455 4.13L1 4.635L3.5 7.07L2.91 10.51L6 8.885L9.09 10.51L8.5 7.07L11 4.635L7.545 4.13ZM21.545 4.13L20 1L18.455 4.13L15 4.635L17.5 7.07L16.91 10.51L20 8.885L23.09 10.51L22.5 7.07L25 4.635L21.545 4.13ZM34 1L35.545 4.13L39 4.635L36.5 7.07L37.09 10.51L34 8.885L30.91 10.51L31.5 7.07L29 4.635L32.455 4.13L34 1ZM49.545 4.13L48 1L46.455 4.13L43 4.635L45.5 7.07L44.91 10.51L48 8.885L51.09 10.51L50.5 7.07L53 4.635L49.545 4.13ZM62 1L63.545 4.13L67 4.635L64.5 7.07L65.09 10.51L62 8.885L58.91 10.51L59.5 7.07L57 4.635L60.455 4.13L62 1Z" fill="#5CC172"/>
    <path d="M6 1L7.545 4.13L11 4.635L8.5 7.07L9.09 10.51L6 8.885L2.91 10.51L3.5 7.07L1 4.635L4.455 4.13L6 1Z" stroke="#F16617" stroke-linecap="round" stroke-linejoin="round"/>
    <path d="M20 1L21.545 4.13L25 4.635L22.5 7.07L23.09 10.51L20 8.885L16.91 10.51L17.5 7.07L15 4.635L18.455 4.13L20 1Z" stroke="#F16617" stroke-linecap="round" stroke-linejoin="round"/>
    <path d="M34 1L35.545 4.13L39 4.635L36.5 7.07L37.09 10.51L34 8.885L30.91 10.51L31.5 7.07L29 4.635L32.455 4.13L34 1Z" stroke="#F16617" stroke-linecap="round" stroke-linejoin="round"/>
    <path d="M48 1L49.545 4.13L53 4.635L50.5 7.07L51.09 10.51L48 8.885L44.91 10.51L45.5 7.07L43 4.635L46.455 4.13L48 1Z" stroke="#F16617" stroke-linecap="round" stroke-linejoin="round"/>
    <path d="M62 1L63.545 4.13L67 4.635L64.5 7.07L65.09 10.51L62 8.885L58.91 10.51L59.5 7.07L57 4.635L60.455 4.13L62 1Z" stroke="#F16617" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
    Ответ написан
    3 комментария
  • Как в тильде в блоке товара добавить выбор кол-во товара?

    melpnz
    @melpnz
    UX/UI дизайнер
    Чтобы добавить блок с выбором товара надо:
    1. Создаем блок ST305N в режиме каталога
    2. Добавляем товар с артикулами
    3. Вставляем код в Настройки сайта - Ещё - Вставка в Head

    <script>
    $( document ).ready(function() {
    //Добавляем кнопки в карточки  
    function insertbtncard(){
    //При загрузке
    let tistore = setInterval(function() {
        if (document.querySelector('.js-product.t-store__card_hidden')){
        }else{ 
             clearInterval(tistore) 
              setTimeout(function(){
           $('.js-product .quantbtnwrap').remove();
           $('<div class="quantbtnwrap"><div class="quantminus noactive"></div><input type="number" class="quanttxt" value="1"><div class="quantplus"></div></div>').insertAfter('a[href="#order"].t-btn');$(window).trigger('resize');
           }, 1000); 
        }
    }, 100);   
    };
    insertbtncard();
    $(document).on('click','.js-store-filter , .js-store-filter-chosen-item , .js-store-load-more-btn , .js-store-parts-switcher',function(e){  insertbtncard(); });
    $(document).on('keydown','.js-store-filter',function(event){if(event.keyCode == 13) { insertbtncard()}}); 
    var pravailable = 0; var quantincart=0;
    $(document).on('click','a[href="#prodpopup"]',function(e){ 
        setTimeout(function(){
            $('.t-store__prod-popup__info .quanttxt').val(1); $('.t-store__prod-popup__info .quantminus').addClass('noactive');$('.t-store__prod-popup__info .quantplus').removeClass('noactive');
        }, 100); });
        //При клике на +
        $(document).on('click','.quantplus',function(e){ 
            $(this).siblings('.quantminus').removeClass('noactive');
            pravailable= Number($(this).closest('.js-product').attr('data-product-inv'));
            if(!pravailable) pravailable=1e4;
            let currquant = Number($(this).siblings('.quanttxt').val());
            if (pravailable>currquant){$(this).siblings('.quanttxt').val(currquant+1)
            }else{$(this).addClass('noactive')};
        });
        //При клике на -
        $(document).on('click','.quantminus',function(e){ 
            $(this).siblings('.quantplus').removeClass('noactive');
            let currquant = Number($(this).siblings('.quanttxt').val());
            if (currquant>1){$(this).siblings('.quanttxt').val(currquant-1)
            }else{$(this).addClass('noactive')};
        });
        //Ввод данных в поле
        $(document).on('change keyup input click','input.quanttxt',function(e){
        if (this.value.match(/[^0-9]/g)) {this.value = this.value.replace(/[^0-9]/g, '')};
        //Предел 3 знака
        if( $(this).val().length > 3) $(this).val($(this).val().substr(0, 3)); 
        });
        //Потеря фокуса
        $(document).on('focusout','input.quanttxt',function(e){
        if ( ($.trim($(this).val()) == '') || ($.trim($(this).val()) == 0 ) ){$(this).val(1)};
        pravailable= Number($(this).closest('.js-product').attr('data-product-inv'));
        let currquant = Number($(this).val());
        if ( (currquant > pravailable)  && (pravailable > 0) ){$(this).val(pravailable)};
        });
      
    $(document).on('click','a[href="#order"]',function(e){
        var quantotcart = Number($(this).parent().find('.quanttxt').val());
        var needsku= $(this).closest('.js-product').find('.js-product-sku').html();
        pravailable= Number($(this).closest('.js-product').attr('data-product-inv'));
         setTimeout(function(){
            tcart__syncProductsObject__LStoObj();tcart__reDrawProducts();tcart__reDrawTotal(); 
            $('.t706__product-title div:contains("'+needsku+'")').closest('.t706__product').addClass('ffposprod');
            quantincart =  Number($('.ffposprod .t706__product-quantity').html());
            if(quantincart==pravailable){}else{
            $('.ffposprod .t706__product-quantity').html(quantotcart+quantincart-1);$('.ffposprod .t706__product-quantity').trigger("click");$('.ffposprod input[name="tilda-tmp-cart-qnt"]').trigger("focusout");
            };
         }, 10); 
    }); 
    });
    </script>

    4. Вставляем код в Настройки сайта- Ещё - Редактировать CSS

    .js-store-buttons-wrapper, .t-store__prod-popup__btn-wrapper { display: flex; flex-wrap:wrap; align-items: center;}
    .quantbtnwrap {
        display: flex;
        align-items: center;
        height: 20px;
        margin-top: -4px;
        margin-left: 20px;
    }
    .quantminus , .quantplus{
        width: 20px;
        height: 100%;
        background-size: contain;
        cursor:pointer;
        opacity:0.4;
    }
    .quantminus:hover , .quantplus:hover{ opacity:1;}
    .quantminus{
      background-image: url(https://static.tildacdn.com/lib/linea/c8eecd27-9482-6c4f-7896-3eb09f6a1091/arrows_circle_minus.svg);
    }
    .quantplus{
     background-image: url(https://static.tildacdn.com/lib/linea/c47d1e0c-6880-dc39-ae34-521197f7fba7/arrows_circle_plus.svg); 
    }
    .noactive{ pointer-events:none; opacity:0.1 !important;}
    a.t-store__prod-popup__btn_disabled~div.quantbtnwrap {display: none;}
    
    
    .t-store__card__btn {
        margin-bottom: 20px !important;
    }
    .t-store__card .quantbtnwrap {
        margin-top: 0px;
        margin-bottom: 20px;
    }
    
    .quanttxt {
        font-family: 'Roboto',Arial,sans-serif;
        margin: 0;
        font-size: 16px;
        text-align: center;
        width: 40px;
        padding: 6px 2px;
        border: none;
        outline: none;
        transition: all 0.2s;
    }
    input.quanttxt:hover, input.quanttxt:focus {
        box-shadow: 0 1px 0px 0px #969696;
    }
    
    @media screen and (max-width:670px){
    .t-store__card__btns-wrapper {
        justify-content: center;
    }
    .t-store__card .quantbtnwrap {
        margin-bottom: 0px;
        margin-left: 0px;
    }
    }
    
    input[type=number]::-webkit-inner-spin-button, 
    input[type=number]::-webkit-outer-spin-button { 
      -webkit-appearance: none; 
      margin: 0; 
    }
    input[type='number'] {
        -moz-appearance: textfield;
    }



    Если надо изменить кратность товара:
    1. Создаем T123
    2. Заходит в Контент блока и вставляем код

    <script>
    var newMultipleNumber = 100; /* вместо 100 укажите нужное вам число */
    
    function tcart__product__plus(t) {
    var r = t.closest(".t706__product"),
    o = r.attr("data-cart-product-i");
    window.tcart.products[o].quantity += (window.tcart.products[o].quantity % newMultipleNumber > 0 ? newMultipleNumber - window.tcart.products[o].quantity : newMultipleNumber);
    window.tcart.products[o].amount = window.tcart.products[o].price * window.tcart.products[o].quantity;
    window.tcart.products[o].amount = tcart__roundPrice(window.tcart.products[o].amount);
    r.find(".t706__product-quantity").html(window.tcart.products[o].quantity);
    0 < window.tcart.products[o].amount ? r.find(".t706__product-amount").html(tcart__showPrice(window.tcart.products[o].amount)) : r.find(".t706__product-amount").html("");
    tcart__updateTotalProductsinCartObj();
    $(".t706__carticon-counter").html(window.tcart.total);
    tcart__reDrawTotal();
    tcart__saveLocalObj();
    }
    
    function tcart__product__minus(t) {
    var r = t.closest(".t706__product"),
    o = r.attr("data-cart-product-i");
    0 < window.tcart.products[o].quantity && (window.tcart.products[o].quantity -= newMultipleNumber);
    window.tcart.products[o].amount = window.tcart.products[o].price * window.tcart.products[o].quantity;
    window.tcart.products[o].amount = tcart__roundPrice(window.tcart.products[o].amount);
    r.find(".t706__product-quantity").html(window.tcart.products[o].quantity);
    0 < window.tcart.products[o].amount ? r.find(".t706__product-amount").html(tcart__showPrice(window.tcart.products[o].amount)) : tcart__product__del(t);
    tcart__updateTotalProductsinCartObj();
    $(".t706__carticon-counter").html(window.tcart.total);
    tcart__reDrawTotal();
    tcart__saveLocalObj();
    }
    
    </script>
    
    <style>
    .t706__product-plusminus {
    width: unset !important;
    }
    </style>

    Ответ написан
    Комментировать
  • Дизайн и стоимость?

    melpnz
    @melpnz Куратор тега Figma
    UX/UI дизайнер
    Есть еще влияющий фактор на цену - мобильная версия.
    Вообще лучше всего это перевести в рабочие часы, которые вы потратите на макеты и добавить к этому 10-20% на правки. Ну а стоимость часа можете вычислить например через Калькулятор фрилансера ТЖ.

    Как мне помнится, раньше за такое смело можно было брать от 25к. Как сейчас изменились расценки - не в курсе.
    Ответ написан
    Комментировать
  • Почему не могу экспортировать svg элемент из Figma?

    melpnz
    @melpnz Куратор тега Figma
    UX/UI дизайнер
    По какой-то неведомой причине у меня не грузится картинка, которую вы прикрепили.
    Но предположу, что проблема может быть в том, что не все векторные элементы лежат во frame. Проверьте этот момент
    Ответ написан
    Комментировать
  • Есть ли макеты для фигмы с мобильной версией?

    melpnz
    @melpnz Куратор тега Figma
    UX/UI дизайнер
    В том же Figma Community можно найти много макетов, которые доступны для клонирования в свой аккаунт. Возможно среди всего найдётся и макеты с десктопной+мобильной версией
    Ответ написан
    Комментировать