Приставките на Figma помагат да увеличите резултатите от работата си и гарантират, че оставате във Figma, за да завършите дизайнерската си работа. С безкрайната библиотека от плъгини на Figma няма почти нищо, което да не можете да направите с любимия си инструмент за дизайн.
С тези най-полезни безплатни плъгини на Figma ние само драскаме повърхността на наличните.
Как да изтеглите плъгини за Figma
Преди да преминем към списъка със стоки, трябва да знаете как да намерите и изтеглите плъгин на Figma. Може би знаеш как да използвате Figma, но ако не го направите, ето как можете лесно да намерите библиотеката на добавките. Някои плъгини може да работят по-добре от настолното приложение Figma, отколкото от версията на браузъра.
Отидете на страницата на общността, която можете да намерите на началната страница или от страница с файлове под името на вашия акаунт. Страницата на общността изброява повече от плъгини, но и от файл Figma, като изберете
Главно меню > Плъгини ще ви покаже наскоро използвани плъгини и запазени плъгини и ви позволява да намерите нови плъгини.Избиране Намерете нови добавки ви отвежда до Ресурси раздел, където можете да търсите всеки плъгин. След като намерите плъгин, който искате да изтеглите - от страницата на общността - изберете Опитай го за изтегляне или—от полето за търсене на ресурси—изберете Бягай за да изтеглите приставката.
Всеки плъгин трябва да предоставя свои собствени инструкции за използване, така че прочетете рекламното съобщение, когато бъдете подканени.
Плъгинът Mesh Gradient на Gautham предоставя бърз и лесен начин за добавяне на персонализирани градиенти към вашите дизайни на Figma. Стартирайте приставката и създайте градиентен квадрат. Можете сами да персонализирате цветовете или да ударите Рандомизиране за автоматично генериране на градиентен дизайн.
Този плъгин създава изображение от вашия градиент, така че не може да се редактира след генерирането му. Можете обаче да редактирате стари или да създавате нови градиенти в приставката.
Webflow Labs предоставя чудесен начин да превърнете своя дизайн на Figma в HTML или CSS, готов за Webflow и създаване на уебсайтове. Можете да интегрирате взаимодействия на Webflow във вашите дизайни на Figma за безпроблемна интеграция с Webflow Labs. Този плъгин е страхотен, ако сте потребител на Webflow Labs или работите с екип за уеб програмисти.
Той включва адаптивни компоненти, запазва всички ваши стилове, шрифтове и изображения и дори ви позволява да редактирате HTML тагове направо във Figma. Можеш създайте главни стилове на шаблон във Figma и използвайте Figma към Webflow, за да ги експортирате за бъдещи проекти на уебсайтове.
Официалният плъгин Figma на Unsplash означава, че можете да вмъквате изображения директно във вашите дизайни, без да напускате прозореца на Figma. Налични са всички същите лицензи за Unsplash, но с този плъгин ще спестите време и кликвания, когато добавяте изображения към работата си.
Ако сте дизайнер на изображения, може да ви е трудно да намерите заместващ текст за пространството във вашите проекти. Плъгинът Lorem Ipsum placeholder прави всичко вместо вас. С традиционния текст на латиница просто предайте дизайна си на вашия копирайтър, за да превърне текста на контейнера в истинско нещо, така че всичко, което трябва да направите, е да се съсредоточите върху визуалните елементи.
Ако имате набор от копия, необходими за вашия дизайн, Text Porter помага лесно да преместите вашето копие от Excel във Figma. Просто стартирайте приставката Text Porter и преместете текста си. След това редактирайте текста директно във вашия Excel файл, за да актуализирате своя дизайн на Figma в бъдеще. Това е полезно, ако вашият копирайтър няма достъп или познания за Figma.
За по-гладък работен процес, заедно с използването на добавки, можете също използвайте преки пътища на Figma за по-бърз работен процес.
Премахването на фонове е обичайна практика при използване на изображения в много аспекти на дизайна. Вместо да робувате на Photoshop, Canva или други програми за редактиране, използването на приставката Icons8 Background Remover ускорява процеса и запазва всичко във Figma.
Инструментът за премахване на фона може да се приложи към повече от едно изображение наведнъж, ускорявайки работния ви процес с едно натискане на бутон.
Плъгинът Image Tracer създава векторно изображение от изображенията и слоевете на изображения, към които изберете да го приложите. Мащабируемият вектор е като златен прашец за работата по дигитален дизайн и този плъгин улеснява превръщането на всяко изображение във вектор.
Плъгинът Html.to.design може да ви помогне да пресъздадете съществуващи дизайни на уебсайтове в дизайни на Figma. Това служи за много цели, като например да ви помогне да практикувате проектиране на уебсайтове или да възстановите стари уебсайтове, които сте проектирали и до които сте загубили достъп.
Вижте нашия подробен урок за конвертиране на уебсайт в дизайн на Figma използвайки този плъгин.
Плъгинът Vectorize работи подобно на Image Tracer, но това е по-добре, ако имате само едно изображение и един цвят за векторизиране. Конвертирането на растерни изображения във вектори е лесно с помощта на този плъгин.
Вашите нови вектори ще бъдат векторна пътека, лесна за редактиране и използване за всички ваши дизайнерски нужди. Особено добре, ако вашият клиент ви изпрати своето лого като пикселизирано изображение, копирано от документ на Word. Можете лесно да съживите лога и други едноцветни икони във Figma.
Проектиране за конкретно съотношение? Трябва да увеличите или намалите мащаба? Използвайте приставката Aspects. Този плъгин ви позволява бързо да промените аспекта на различни слоеве във вашия дизайн, особено изображения. Aspects е полезен инструмент за всяко бързо мащабиране, което трябва да направите.
Ако проектирате за UX/UI, вероятно добавяте бутони към дизайна си. Button Buddy е страхотен плъгин, който предлага много дизайни на компоненти на бутони, спестявайки ви време за проектиране, така че можете да се съсредоточите върху страхотни дизайни на оформление.
За да добавите повече компоненти, отколкото бутони, използвайте приставката Handy Components. Този плъгин предлага над 60 различни UX/UI дизайнерски елемента. Handy Components също използва интелигентен дизайн, за да възпроизведе стиловете, присъстващи във вашия дизайн, и да ги приложи директно към добавените компоненти на плъгина. Не е нужно да редактирате, за да съответства на вашия стил.
Наличните компоненти са бутони, карти с функции, елементи от списъци, таблици, ленти за напредъка, предупредителни стикери, календари и много други полезни елементи.
Нуждаете се от карта на вашия уеб дизайн? Можете лесно да включите такъв с приставката Map Maker. Плъгинът ви позволява да добавите персонализирана карта, вмъкната във форма.
Просто изберете планираната форма – правоъгълник, елипса или многоъгълник – и стартирайте Map Maker. След това въведете адреса, който искате да споделите. Толкова е лесно да добавите карта към вашия уеб дизайн.
Иконите правят UX/UI дизайните универсални и достъпни. Плъгинът Iconify хоства библиотека от над 1000 000 икони за почти всяка употреба. SVG иконите с отворен код на Iconify могат да се използват в много софтуери за разработка, за да пренесете вашите Figma проекти от прототип до живи продукти лесно.
Добавянето на макети към вашите дизайни на Figma ви помага да включите реалността в потенциални идеи за продукти. Независимо дали добавяте макети към вашите Дизайн на презентация Figma или да ги включите в уебсайт, те са удобно нещо, което трябва да имате.
Clay Mockups 3D е един от многото страхотни плъгини за макети. Вижте нашите ръководство за макети на смартфон Figma за да видите какво друго има. Можете да вмъкнете макети за телефони, компютри и други устройства, както и ръце, за да ги държите.
Този прост плъгин ви позволява да подреждате рамките си, да подреждате и да поддържате произведенията си на изкуството организирани. Просто изберете вашите елементи, стартирайте приставката и вашият прозорец на Figma ще бъде супер подреден.
Той не само подрежда разхвърлян артборд, но дори преномерира кадрите, ако редът се промени. Край на търсенето на кадър 5, след като е бил преместен, ще го намерите сгушен до 4 и 6.
Продължете работата си да тече с добавките на Figma
С тези 16 страхотни инструмента можете лесно да трансформирате работния си поток. Приставките ви позволяват да правите повече, без да напускате прозореца за дизайн на Figma.
Тези плъгини са най-полезните и ако ги използвате всичките, можете да векторизирате изображения, да добавяте изображения от Unsplash, добавете HTML дизайни към Figma и обратно с Webflow Labs, добавете персонализирани карти и преоразмерете вашите дизайни. Всички с добавки.
