Как снять стартер на ховер н3: Замена стартера (бенз. двиг) Great Wall Hover (Haval H5, H3 Ховер)

Содержание

Замена стартера (бенз. двиг) Great Wall Hover (Haval H5, h4 Ховер)

Примечание: см. также Технические характеристики стартера
Замена стартера на дизельном двигателе также показана здесь.

Стартер находится на картере КПП, с левой стороны двигателя.

Моменты затяжки крепления стартера:
Болты крепления стартера: 27-33 Нм
Стяжные болты корпуса стартера: 6 Нм

Примечание: На странице показано 2 варианта замены стартера

ВАРИАНТ 1

Снятие и установка стартера.

Снятие

1. Снимите воздушный фильтр.

2. Снимите защитный кожух двигателя.

3. Снимите защитную крышку 1 стартера.

4. Отсоедините разъем 2 и провод питания стартера.

5. Открутите болты 3 крепления рабочего цилиндра сцепления.

6. Снимите кронштейн 4 крепления гибкого шланга привода сцепления.

7. Снимите стартер 5. Стартер снимается и вытаскивается вверх.

8. Снимите кронштейн крышки 6 стартера.

Установка

9. Установка проводится в порядке, обратном снятию.

— Установите воздушный фильтр
— Установите защитный кожух

ВАРИАНТ 2

1. Устанавливаем автомобиль на смотровую яму или эстакаду.

2. Отсоединяем отрицательную клемму аккумулятора.

3. Снимаем защиту картера двигателя.

4. Отсоединяем наконечник провода от управляющего вывода 1 втягивающего реле. Сдвигаем защитный колпачок 2, ключом «на 12 мм» отворачиваем гайку крепления наконечника силового провода 3 и снимаем наконечник с контактного болта.

5. Ключом на 14 мм с удлинителем о.ворачива-ем два болта крепления и снимаем стартер. Верхний болт также крепит кронштейн разъема жгута проводов.

Установка
Устанавливаем стартер в обратном порядке. Болты и гайки затягиваем предписанными моментами

Общая информация о стартерах

Стартеры развиваются по пути увеличения надежности. Им нужно запускать более мощные двигатели и гораздо чаще, чем раньше (в первую очередь это относится к системам «старт-стоп»). Они становятся компактнее для установки в ограниченном подкапотном пространстве. А также макси мально термоустойч ивыми для надежной работы в самых разных климатических условиях.
Увеличению срока службы и уменьшению износа зубчатого венца маховика способствует применяемое зацепление в два этапа. Вначале вал-шестерня продвигается вперед и аккуратно входит в зацепление с зубцами маховика, после чего медленно проворачивается. На втором этапе подается пусковой ток, и происходит запуск двигателя.

Не так давно появились стартеры с тандемным соленоидом для систем «стоп-старт». Они позволяют выполнить повторный пуск двигателя в то время, когда коленчатый вал все еще продолжает вращаться после остановки. То есть не нужно дожидаться полной остановки двигателя, что крайне важно для эффективного функционирования системы «стоп-старт».

При этом время повторного пуска сокращается на 1,5 секунды по сравнению с традиционными стартерами для систем «стоп-старт».

Данная технология была разработана совместными усилиями компании Denso с производителями автомобилей и основана на использовании уникального тандемного соленоида, независимо управляющего двумя функциями соленоида стартера. Это дает электродвигателю стартера возможность входить в зацепление с коленчатым валом и осуществлять повторный пуск двигателя. Ее применение в сочетании с высокоэффективным генератором и аккумул я торной батареей, а также системой рекуперации энергии торможения может привести к сокращению потребления топлива на 7%.

Тем не менее прогресс неотступно требует большего, порождая стартер-генераторы. Интегрированный стартер-генератор, как ясно из названия, подразумевает совмещение двух компонентов в рамках единого узла.

Такое устройство, помимо своей прямой работы: запуска и генерации энергии, — на гораздо более высоком уровне поддерживает функцию «старт-стоп», а также обеспечивает рекуперацию энергии торможения для подзарядки батареи транспортного средства. То есть это устройство целиком и полностью предназначено для современных и перспективных гибридных автомобилей.

Более того, стартер-генератор в определенных режимах может осуществлять движение автомобиля на электрической тяге и позволяет отказаться от некоторых устройств, устанавливаемых традиционно на автомобильном двигателе. В их числе маховик, привод генератор -двигатель, механизм привода стартера А подаваемая стартер-генератором дополнительная мощность при разгоне транспортного средства способствует экономии топлива и, как следствие, снижению вредных выбросов.

Но и на этом история развития классических деталей не исчерпана. Например, Bosch предлагает двухуровневую систему напряжений на 42 В и 14 В, причем уровень 42 В вырабатывается стартер-генератором, а 14 В обеспечивается преобразователем. Высоким напряжением снабжаются подогреватель нейтрализатора отработавших газов, сервопривод, топливный насос и насос охлаждающей жидкости, а также стартер-генератор при пуске. Остальные потребители обеспечиваются питанием по цепи низкого напряжения.

В свою очередь компания Denso, как альтернативное решение традиционным стартерам и генераторам, предложила для использования в гибридных автомобилях мотор-генератор (MG). По аналогии он также выполняет несколько функций, запуская двигатель, поддерживая его работу, вырабатывая электроэнергию и осуществляя привод на оси автомобиля.

Ассортимент этих специализированных продуктов уже получил несколько улучшений. На основе опыта, полученного при разработке генератора с сегментным проводником, инженеры компании спроектировали абсолютно новый MG-статордля Toyota Prius, обладающий меньшими габаритами и более чем на 20% меньшей массой по сравнению с изделием предыдущего поколения. Новый MG-статор обеспечивает экономию топлива в 2,5 л на 100 километров.

В активно приближающемся электромобильном будущем стартеров и генераторов в привычном нам виде, конечно, не будет. Но принципиально они останутся, разительно видоизменившись.

Ведь что такое стартер? Стартер — это обычный электромотор. В электромобиле ему не нужно будет запускать двигатель внутреннего сгорания по причине отсутствия ДВС, но собственно именно стартер превратится (а точнее, уже превратился) в электродвигатель электрического транспортного средства — главное устройство, приводящее авто в движение.

Он стал больше, масштабнее, но по факту остался прежней электротехнической машиной, функционирующей но известной нам схеме.

И, несомненно, он будет также совмещен с генератором, поскольку задача увеличения пробега на сегодня одна из самых ключевых в контексте дорожного транспорта на электротяге. И не денется она никуда, поскольку, на чем бы ни ездило транспортное средство, чем больше оно будет проезжать на одной за прав-ке/зарядке, тем лучше. А потому зачем терять энергию, коща се можно возобновлять путем рекуперации энергии торможения? Мы уже знаем, как это делать, на опыте гибридов, поэтому особых проблем не возникнет.

Кроме того, энергию можно брать и во время движения по инерции, например на склонах, после активного разгона. Уже есть первые образцы таких систем, способные кратковременно отключать двигатель в подобных ситуациях и обеспечивать накопление дополнительной энергии за счет вращения колес.

То есть по большому счету электромотор современного и будущего электромобиля — это устройство, которое способно переключаться из режима генератора в режим стартера и наоборот. Его КПД примерно в 2 раза выше, чем у ДВС. К тому же за счет отсутствия трущихся, вращающихся и шатающихся деталей оно должно обладать колоссальным ресурсом.

Вспомните, как часто вы меняли, ремонтировали стартер или генератор на своем автомобиле. Что и говорить, пути прогресса неисповедимы и, как мы видим, способны совершать самые немыслимые метаморфозы, когда, по сути, вспомогательные устройства автомобиля в конечном итоге превращаются в основные.


СТАРТЕР – СНЯТИЕ И УСТАНОВКА

Руководства по ремонту и диагностике автомобилей


Abarth Grande Punto

Acura CSX, Acura Integra, Acura MDX, Acura NSX, Acura RDX, Acura RL, Acura RSX, Acura TL,Acura TSX

Альфа Ромео 145 Альфа Ромео 146 Альфа Ромео 147 Альфа Ромео 156 Альфа Ромео 159 Альфа Ромео 164 Альфа Ромео 33 Альфа Ромео 75

Audi 100 Audi 200 Audi 80 Audi 90 Audi A1 Audi A2 Audi A3 Audi A4 Audi A5 Audi A6 Audi A7 Audi A8 Audi Allroad Audi B5 Audi Coupe Audi Q3  Audi Q5 Audi Q7 Audi RS6 Audi S3 Audi S4 Audi S6 Audi S8 Audi TT

Avia 21 , Avia 31

BAW Fenix

Beifan Benchi

BMW M3  BMW X1  BMW X3  BMW X5  BMW X6  BMW Z4  BMW двигатели  BMW серия 1 BMW серия 3  BMW серия 5  BMW серия 6  BMW серия 7

Brilliance BS4 Brilliance BS6 Brilliance M1 Brilliance M2

Buick Enclave , Buick Excelle , Buick Regal

BYD F3  BYD Flyer  BYD S6

Cadillac BLS , Cadillac CTS , Cadillac Escalade , Cadillac SRX , Cadillac STS

Chana Benni , Chana CV6

Chery A1 , Chery A13 , Chery A18 , Chery A3 , Chery Amulet , Chery Bonus , Chery Eastar , Chery Elara , Chery Fora , Chery Fulwin , Chery IndiS , Chery Jaggi , Chery Karry , Chery Kimo , Chery M11 , Chery Mikado , Chery Oriental Son , Chery QQ , Chery Sweet , Chery Tiggo , Chery Very

Chevrolet Avalanche , Chevrolet Aveo , Chevrolet Blazer , Chevrolet Camaro , Chevrolet Captiva , Chevrolet Cobalt , Chevrolet Conversion , Chevrolet Corvette , Chevrolet Cruze , Chevrolet Epica , Chevrolet Equinox , Chevrolet Evanda , Chevrolet Express , Chevrolet HHR , Chevrolet Impala , Chevrolet Lacetti , Chevrolet Lanos , Chevrolet Lumina , Chevrolet Malibu , Chevrolet Niva , Chevrolet Optra , Chevrolet Orlando , Chevrolet Rezzo , Chevrolet S-10 , Chevrolet Sens , Chevrolet Silverado , Chevrolet Sonic , Chevrolet Spark , Chevrolet Starcraft , Chevrolet Suburban , Chevrolet Tacuma , Chevrolet Tahoe , Chevrolet Tracker , Chevrolet TrailBlazer , Chevrolet Vans , Chevrolet Viva , Chevrolet Volt

Chrysler 300C , Chrysler 300M  , Chrysler Cirrus  , Chrysler Concorde  , Chrysler Grand Voyager  , Chrysler LeBaron  , Chrysler LHS  , Chrysler Pacifica  , Chrysler PT Cruiser  , Chrysler Sebring  , Chrysler Town  , Chrysler Country Voyager

Citroen Berlingo , Citroen BX , Citroen C-Crosser , Citroen C-Elysee , Citroen C1 , Citroen C15 , Citroen C2 , Citroen C25 , Citroen C3 , Citroen C3 Picasso , Citroen C4 , Citroen C4 Picasso , Citroen C5 , Citroen C6 , Citroen C8 , Citroen DS3 , Citroen DS4 , Citroen DS5 , Citroen Evasion , Citroen Jumper , Citroen Jumpy , Citroen Nemo , Citroen Saxo , Citroen Visa , Citroen Xantia , Citroen XM , Citroen Xsara , Citroen Xsara Picasso , Citroen ZX

Dacia Duster , Dacia Logan , Dacia Sandero , Dacia Solenza , Dacia SuperNova

Dadi Shuttle

Daewoo Damas , Daewoo Espero , Daewoo Gentra , Daewoo Istana , Daewoo Kalos , Daewoo Lacetti , Daewoo Lanos , Daewoo Leganza, Daewoo Matiz, Daewoo Nexia , Daewoo Nubira , Daewoo Sens , Daewoo Tacuma , Daewoo Tico , Daewoo Winstorm

DAF 105 , DAF 45 , DAF 75 , DAF 85 , DAF 95 , DAF CF

Daihatsu Be-Go , Daihatsu Boon , Daihatsu Cuore , Daihatsu Feroza , Daihatsu Sirion , Daihatsu Storia , Daihatsu Terios , Daihatsu YRV

Datsun Cherry , Datsun Sunny

Dodge Avenger , Dodge Caliber , Dodge Caravan , Dodge Challenger , Dodge Dakota , Dodge Durango , Dodge Intrepid , Dodge Journey , Dodge Magnum , Dodge Neon , Dodge Nitro , Dodge Ram , Dodge Stratus , Dodge Viper

Dong Feng

FAW Besturn B50 , FAW C1 , FAW Vita , FAW грузовые , FAW двигатели

FIAT 127 , FIAT Albea , FIAT Bravo , FIAT Croma , FIAT Doblo , FIAT Ducato , FIAT Fiorino , FIAT Linea , FIAT Marea , FIAT Multipla , FIAT Palio , FIAT Panda , FIAT Punto , FIAT Qubo , FIAT Scudo , FIAT Sedici , FIAT Stilo , FIAT Tempra , FIAT Tipo , FIAT Ulysse , FIAT Uno

Ford Bronco , Ford C-MAX , Ford Cargo , Ford Contour , Ford Cougar , Ford Courier , Ford Crown Victoria , Ford Econoline , Ford Edge , Ford Escape , Ford Escort , Ford Excursion , Ford Expedition , Ford Explorer , Ford F-series , Ford Fiesta , Ford Flex , Ford Focus , Ford Freda , Ford Fusion , Ford Galaxy , Ford Granada , Ford Ka , Ford Kuga , Ford Maverick , Ford Mondeo , Ford Mustang , Ford Orion , Ford Probe , Ford Ranger , Ford S-MAX , Ford Scorpio , Ford Sierra , Ford Taunus , Ford Taurus , Ford Thunderbird , Ford Tourneo , Ford Transit

Foton Auman , Foton Ollin

Freightliner Argosy , Freightliner Century Class , Freightliner Columbia

Geely CK , Geely Emgrand , Geely FC , Geely King Kong , Geely MK , Geely Otaka , Geely Vision

GMC Denali , GMC Envoy , GMC Jimmy , GMC S-15 , GMC Savana , GMC Sierra , GMC Sonoma , GMC Vans , GMC Yukon

Great Wall CoolBear , Great Wall Deer , Great Wall Florid , Great Wall Haval , Great Wall Hover , Great Wall Pegasus , Great Wall Safe , Great Wall Sailor , Great Wall Sing , Great Wall So Cool , Great Wall Steed , Great Wall V240 , Great Wall Voleex , Great Wall Wingle

Hino Dutro , Hino Ranger , Hino двигатели

Honda Accord , Honda Airwave , Honda Ascot , Honda Avancier , Honda Capa , Honda City , Honda Civic , Honda CR-V , Honda Crosstour , Honda Domani , Honda Edix , Honda Element , Honda Fit , Honda FR-V , Honda , HR-V , Honda Insight , Honda Inspire , Honda Integra , Honda Jazz , Honda Legend , Honda Logo , Honda Mobilio , Honda Odissey , Honda Orthia , Honda Partner , Honda Passport , Honda Pilot , Honda Prelude , Honda Rafaga , Honda Ridgeline , Honda S-MX , Honda S2000 , Honda Spirior , Honda StepWGN , Honda Stream , Honda Torneo , Honda двигатели

Hummer h2 , Hummer h3 , Hummer h4

Hyundai Accent , Hyundai Atos , Hyundai Avante , Hyundai Azera , Hyundai County , Hyundai Coupe , Hyundai Elantra , Hyundai Entourage , Hyundai Equus , Hyundai Galloper , Hyundai Genesis , Hyundai Getz , Hyundai Grace , Hyundai Grandeur , Hyundai h2 , Hyundai h200 , Hyundai h300 , Hyundai HD , Hyundai i10 , Hyundai i20 , Hyundai i30 , Hyundai i40 , Hyundai i45 , Hyundai ix20 , Hyundai ix35 , Hyundai ix55 , Hyundai Lantra , Hyundai Lavita , Hyundai Matrix , Hyundai Mighty , Hyundai NF , Hyundai Pony , Hyundai Porter , Hyundai Real , Hyundai Santa Fe , Hyundai Satellite , Hyundai Solaris , Hyundai Sonata , Hyundai Sonica , Hyundai Starex , Hyundai Terracan , Hyundai Tiburon , Hyundai Trajet , Hyundai Tucson , Hyundai Universe , Hyundai Veloster , Hyundai Veracruz , Hyundai Verna , Hyundai XG , Hyundai двигатели

Infiniti EX , Infiniti FX , Infiniti G , Infiniti M , Infiniti QX

International , International двигатели

Isuzu Amigo , Isuzu Aska , Isuzu Axiom , Isuzu Bighorn , Isuzu D-Max , Isuzu Elf , Isuzu Forward , Isuzu Giga , Isuzu Hombre , Isuzu Rodeo , Isuzu Trooper , Isuzu VehiCross , Isuzu Wizard , Isuzu двигатели

Iveco Daily , Iveco EuroCargo , Iveco EuroStar , Iveco EuroTech , Iveco EuroTrakker , Iveco Stralis , Iveco TurboStar

JAC 1020 , JAC 1045 K , JAC Refine , JAC Rein

Jeep Cherokee , Jeep Commander , Jeep Compass , Jeep Grand Cherokee , Jeep Liberty , Jeep Patriot , Jeep Wrangler

KIA Avella , KIA Besta , KIA Bongo , KIA Carens , KIA Carnival , KIA Ceed , KIA Cerato , KIA Clarus , KIA Forte , KIA Granbird , KIA Joice , KIA K2 , KIA K2500 , KIA Magentis , KIA Mohave , KIA Morning , KIA Opirus , KIA Optima , KIA Picanto , KIA Pregio , KIA Pride , Kia Quoris , KIA Retona , KIA Rio , KIA Rondo , KIA Sedona , KIA Sephia , KIA Shuma , KIA Sorento , KIA Soul , KIA Spectra , KIA Sportage , KIA Venga

Land Rover Defender , Land Rover Discovery , Land Rover Freelander , Land Rover Двигатели

Lexus CT200 , Lexus ES300 , Lexus ES330 , Lexus ES350 , Lexus GS300 , Lexus GS430 , Lexus GS450 , Lexus GX460 , Lexus GX470 , Lexus IS250 , Lexus LS460 , Lexus LS600 , Lexus LX470 , Lexus LX570 , Lexus RX270 , Lexus RX300 , Lexus RX330 , Lexus RX350 , Lexus RX400 , Lexus RX450 , Lexus SC430

Lifan 320 , Lifan Breez , Lifan Smily , Lifan Solano , Lifan X60

MAN 19 , MAN F90 , MAN F2000 , MAN L2000 , MAN M90 , MAN M2000 , MAN TGA , MAN TGL , MAN TGM , MAN TGX , MAN TGS

Mazda 121 , Mazda 2 , Mazda 3 , Mazda 323 , Mazda 5 , Mazda 6 , Mazda 626 , Mazda 929 , Mazda Atenza , Mazda Axela , Mazda Bongo , Mazda BT-50 , Mazda Capella , Mazda CX-5 , Mazda CX-7 , Mazda CX-9 , Mazda Demio , Mazda E2200 , Mazda Familia , Mazda Levante , Mazda Miata , Mazda Millenia , Mazda MPV , Mazda MX-3 , Mazda MX-5 , Mazda MX-6 , Mazda Navajo , Mazda Premacy , Mazda Protege , Mazda RX-7 , Mazda RX-8 , Mazda Titan , Mazda Tribute , Mazda Verisa , Mazda Xedos , Mazda двигатели

Mercedes-Benz 190 , Mercedes-Benz 207 , Mercedes-Benz 709-2644 , Mercedes-Benz A класс , Mercedes-Benz Actros , Mercedes-Benz Atego , Mercedes-Benz Axor , Mercedes-Benz B класс , Mercedes-Benz C класс , Mercedes-Benz E класс , Mercedes-Benz G класс , Mercedes-Benz GL класс , Mercedes-Benz LK класс , Mercedes-Benz MB 100D , Mercedes-Benz MK класс , Mercedes-Benz ML класс , Mercedes-Benz R класс , Mercedes-Benz S класс , Mercedes-Benz Sprinter , Mercedes-Benz Transporter , Mercedes-Benz Vaneo , Mercedes-Benz Vario , Mercedes-Benz Viano , Mercedes-Benz Vito , Mercedes-Benz W123 , Mercedes-Benz двигатели , Mercedes-Benz коробки передач

Mitsubishi Airtrek , Mitsubishi Aspire , Mitsubishi ASX , Mitsubishi Canter , Mitsubishi Cargo , Mitsubishi Carisma , Mitsubishi Cedia , Mitsubishi Challenger , Mitsubishi Chariot , Mitsubishi Colt , Mitsubishi Delica , Mitsubishi Diamante , Mitsubishi Dingo , Mitsubishi Dion , Mitsubishi Eclipse , Mitsubishi Endeavor , Mitsubishi Fuso , Mitsubishi Galant , Mitsubishi Grandis , Mitsubishi i-MiEV , Mitsubishi L200 , Mitsubishi L300 , Mitsubishi L400 , Mitsubishi Lancer , Mitsubishi Legnum , Mitsubishi Libero , Mitsubishi Mirage , Mitsubishi Montero , Mitsubishi Outlander , Mitsubishi Pajero , Mitsubishi RVR , Mitsubishi Shogun , Mitsubishi Space Gear , Mitsubishi Space Runner , Mitsubishi Space Star , Mitsubishi Space Wagon , Mitsubishi Triton , Mitsubishi Warrior , Mitsubishi двигатели

Nissan 100NX , Nissan 350Z , Nissan 370Z , Nissan AD , Nissan Almera , Nissan Altima , Nissan Armada , Nissan Atlas , Nissan Avenir , Nissan Bassara , Nissan Bluebird , Nissan Cabstar , Nissan Cargo , Nissan Cedric , Nissan Cefiro , Nissan Condor , Nissan Cube , Nissan Elgrand , Nissan Expert , Nissan Fairlady , Nissan Frontier , Nissan Fuga , Nissan Gloria , Nissan Interstar , Nissan Juke , Nissan Kubistar , Nissan Largo , Nissan Laurel , Nissan Liberty , Nissan Lucino , Nissan March , Nissan Maxima , Nissan Micra , Nissan Murano , Nissan Navara , Nissan Note , Nissan NP300 , Nissan NV400 , Nissan Pathfinder , Nissan Patrol , Nissan Pick-Up , Nissan Prairie , Nissan Presage , Nissan Presea , Nissan Primastar , Nissan Primera , Nissan Pulsar , Nissan Qashqai , Nissan Quest , Nissan R`nessa , Nissan Rogue , Nissan Safari , Nissan Sentra , Nissan Serena , Nissan Silvia , Nissan Skyline , Nissan Stagea , Nissan Sunny , Nissan Teana , Nissan Terrano , Nissan Tiida , Nissan Tino , Nissan Titan , Nissan Urvan , Nissan Vanette , Nissan Wingroad , Nissan X-Trail , Nissan Xterra , Nissan двигатели

Opel Agila , Opel Antara , Opel Ascona , Opel Astra , Opel Calibra , Opel Combo , Opel Corsa , Opel Frontera , Opel Insignia , Opel Kadett , Opel Meriva , Opel Mokka , Opel Monterey , Opel Monza , Opel Movano , Opel Omega , Opel Rekord , Opel Senator , Opel Signum , Opel Sintra , Opel Tigra , Opel Vectra , Opel Vita , Opel Vivaro , Opel Zafira

Peugeot 106 , Peugeot 107 , Peugeot 206 , Peugeot 207 , Peugeot 208 , Peugeot 3008 , Peugeot 306 , Peugeot 307 , Peugeot 308 , Peugeot 309 , Peugeot 4007 , Peugeot 4008 , Peugeot 405 , Peugeot 406 , Peugeot 407 , Peugeot 408 , Peugeot 5008 , Peugeot 508 , Peugeot 605 , Peugeot 607 , Peugeot 806 , Peugeot 807 , Peugeot Bipper , Peugeot Boxer , Peugeot Expert , Peugeot J5 , Peugeot Partner , Peugeot RCZ

Plymouth Neon , Plymouth Voyager

Pontiac Firebird , Pontiac Trans Sport , Pontiac Vibe

Porsche 911 , Porsche Cayenne

Renault 18 , Renault 19 , Renault 21 , Renault 25 , Renault 9, Renault 11 , Renault Clio , Renault Dokker , Renault Duster , Renault Espace , Renault Fluence , Renault Fuego , Renault Kangoo , Renault Koleos , Renault Laguna , Renault Latitude , Renault Lodgy , Renault Logan , Renault Magnum , Renault Major , Renault Mascott , Renault Master , Renault Megane , Renault Modus , Renault Premium , Renault Safrane , Renault Sandero , Renault Scenic , Renault Symbol , Renault Thalia , Renault Trafic , Renault Twingo , Renault Vel Satis , Renault двигатели

Saab 9-3 , Saab 9-5 , Saab 90, Saab 99, Saab 900 , Saab 9000

Scania 112 , Scania Автобусы , Scania серий P, Scania серий R, Scania серий T , Scania серия 3 , Scania серия 4

SEAT Alhambra , SEAT Altea , SEAT Arosa , SEAT Cordoba , SEAT Ibiza , SEAT Inca , SEAT Leon , SEAT Toledo

Skoda Fabia , Skoda Favorit , Skoda Felicia , Skoda Forman , Skoda Octavia , Skoda Pickup , Skoda Praktik , Skoda Rapid , Skoda Roomster , Skoda Scout , Skoda Superb , Skoda Yeti

SsangYong Actyon , SsangYong Chairman , SsangYong Istana , SsangYong Korando , SsangYong Kyron , SsangYong Musso , SsangYong Rexton , SsangYong Rodius , SsangYong двигатели

Subaru 1600 , Subaru 1800 , Subaru Baja , Subaru Dex , Subaru Forester , Subaru Impreza , Subaru Justy , Subaru Lancaster , Subaru Legacy , Subaru Leone , Subaru Outback , Subaru R2 , Subaru Tribeca , Subaru XT , Subaru XV

Suzuki Aerio , Suzuki Alto , Suzuki Baleno , Suzuki Escudo , Suzuki Grand Vitara , Suzuki Ignis , Suzuki Jimny , Suzuki Kizashi , Suzuki Liana , Suzuki Samurai , Suzuki SJ , Suzuki Splash , Suzuki Swift , Suzuki SX4 , Suzuki Vitara , Suzuki Wagon , Suzuki XL7

Toyota 4Runner , Toyota Allex , Toyota Allion , Toyota Alphard , Toyota Altezza , Toyota Amazon , Toyota Aristo , Toyota Auris , Toyota Avalon , Toyota Avensis , Toyota Aygo , Toyota bB , Toyota Belta , Toyota Blade , Toyota Brevis , Toyota Caldina , Toyota Cami , Toyota Camry , Toyota Carib , Toyota Carina , Toyota Celica , Toyota Chaser , Toyota Corolla , Toyota Corona , Toyota Corsa , Toyota Cresta , Toyota Crown , Toyota Curren , Toyota Duet , Toyota Dyna , Toyota Echo , Toyota Estima , Toyota FJ Cruiser , Toyota Fortuner , Toyota FunCargo , Toyota Gaia , Toyota Granvia , Toyota Harrier , Toyota HiAce , Toyota Highlander , Toyota Hilux , Toyota Ipsum , Toyota iQ , Toyota Isis , Toyota Ist , Toyota Kluger , Toyota Land Cruiser , Toyota Lite-Ace , Toyota Mark II , Toyota Mark X , Toyota Matrix , Toyota Nadia , Toyota Noah , Toyota Opa , Toyota Passo , Toyota Picnic , Toyota Platz , Toyota Porte , Toyota Prado , Toyota Premio , Toyota Previa , Toyota Prius , Toyota Probox , Toyota Progres , Toyota Ractis , Toyota Raum , Toyota RAV4 , Toyota Regius , Toyota RunX , Toyota Rush , Toyota Scion , Toyota Sequoia , Toyota Sienna , Toyota Sienta , Toyota Soarer , Toyota Solara , Toyota Sprinter , Toyota Starlet , Toyota Succeed , Toyota Supra , Toyota Tacoma , Toyota Tercel , Toyota Town-Ace , Toyota Toyoace , Toyota Tundra , Toyota Urban Cruiser , Toyota Vanguard , Toyota Vellfire , Toyota Venza , Toyota Verossa , Toyota Vigo , Toyota Vista , Toyota Vitz , Toyota Voltz , Toyota Voxy , Toyota Will , Toyota Windom , Toyota Wish , Toyota Yaris , Toyota двигатели

Volkswagen Amarok , Volkswagen Bora , Volkswagen Caddy , Volkswagen California , Volkswagen Caravelle , Volkswagen Crafter , Volkswagen Fox , Volkswagen Gol , Volkswagen Golf , Volkswagen Jetta , Volkswagen Kafer , Volkswagen LT , Volkswagen Lupo , Volkswagen Multivan , Volkswagen Passat , Volkswagen Phaeton , Volkswagen Pointer , Volkswagen Polo , Volkswagen Santana , Volkswagen Scirocco , Volkswagen Sharan , Volkswagen Tiguan , Volkswagen Touareg , Volkswagen Touran , Volkswagen Transporter , Volkswagen up! , Volkswagen Vento

Volvo 240, Volvo 960 , Volvo 340, Volvo 343, Volvo 345, Volvo 360 , Volvo 440, Volvo 460, Volvo 480 , Volvo 740, Volvo 760 , Volvo 850 , Volvo 940, Volvo 960 , Volvo B10 M , Volvo C30 , Volvo C70 , Volvo F, Volvo FH, Volvo FM, Volvo TF , Volvo FL, Volvo FE , Volvo S40 , Volvo S60 , Volvo S70 , Volvo S80 , Volvo V40 , Volvo V50 , Volvo V60 , Volvo V70 , Volvo VN, Volvo VNL, Volvo WX, Volvo WG, Volvo AC , Volvo XC60 , Volvo XC70 , Volvo XC90

Плагин Figma для Webflow | Webflow University

Ознакомьтесь с нашим файлом Figma, чтобы глубже погрузиться в структуру героя и панели навигации.
Важно: Наша служба поддержки не может предложить непосредственную помощь или устранение неполадок с подключаемым модулем, поскольку эти вопросы не входят в сферу нашей политики поддержки клиентов. Если у вас есть какие-либо вопросы или отзывы, посетите сообщество Webflow Labs, где все сообщество Webflow (включая сотрудников) может предоставить дополнительную помощь и ресурсы.

Вы предпочитаете создавать первоначальные проекты сайтов в Figma, а затем использовать их в качестве ориентира для создания сайта Webflow? Теперь вы можете вставлять свои дизайны Figma прямо в Webflow без необходимости воссоздавать каждый дизайн, элемент за элементом.

Примечание: Плагин Figma to Webflow был создан и запущен Webflow Labs, внутренней инновационной группой. Продукты, созданные и выпущенные Webflow Labs, имеют ограниченную поддержку через наши стандартные каналы поддержки и предназначены для экспериментальных целей, поэтому функциональные возможности могут быть изменены. Плагин также может быть удален в любой момент — используйте его на свой страх и риск. Мы будем рады, если вы поделитесь здесь своими мыслями, комментариями и отзывами.

В этом уроке вы узнаете:

  1. Что такое плагин Figma to Webflow?
  2. Как установить и авторизовать плагин Figma для Webflow
  3. Как использовать плагин Figma для Webflow
  4. Как работает плагин
  5. Как удалить плагин Figma для Webflow
  6. Устранение неполадок плагина
  7. Как поделиться отзывом

Что такое подключаемый модуль Figma to Webflow?

Плагин переводит слои Figma в их эквиваленты HTML и CSS — код, который генерирует Webflow при визуальном проектировании вашего сайта.

Переводы, которые вы можете использовать в настоящее время с плагином, включают в себя:

  • Auto Layout
  • Стили типографии
  • Стили границы
  • Стили тени
  • Фоновые изображения и линейные градиенты
  • вектор и сформулирующие переоборудование с SECS
  • Vector и SHAME TOS TO SCVGS
  • и SHAME CORMERSIO Непрозрачность
  • Абсолютная позиция
Примечание: Поскольку Figma не является инструментом веб-производства, некоторые переводы пока не поддерживаются.
Примечание: Плагин Figma to Webflow в настоящее время не поддерживается для Figma в браузере Safari. Мы рекомендуем вам использовать Chrome или настольное приложение Figma.

Как установить и авторизовать плагин Figma to Webflow

Чтобы использовать плагин Figma to Webflow, вам необходимо создать учетную запись Figma. Затем вы можете установить плагин:

  1. Перейдите на страницу плагина Figma to Webflow.0018
  2. Нажмите Выполнить в модальном окне плагина
  3. Нажмите Подключить учетную запись

Если вы еще не вошли в Webflow, откроется новая вкладка браузера, где вы можете войти в систему, используя свои учетные данные Webflow. Затем вы попадете на страницу авторизации приложения, чтобы авторизовать плагин с помощью своей учетной записи Webflow и получить доступ к функциям плагина.

Выберите все сайты и рабочие области, для которых вы хотите авторизовать плагин (т. е. все сайты, на которые вы хотите вставить свои проекты Figma). Затем нажмите Авторизовать приложение на странице авторизации приложения.

Важно: Убедитесь, что вы выбрали правильные сайты, чтобы вы могли точно перенести проекты из Figma в Webflow. Если вы забыли авторизовать плагин для сайта, на который хотите вставить свои дизайны, следуйте инструкциям по авторизации плагина для нового сайта.

Имейте в виду, что если вы авторизуете плагин для определенного сайта, вы сможете удалить плагин только из настроек этого конкретного сайта. Если вы авторизуете подключаемый модуль для рабочей области, вы удалите этот подключаемый модуль из своего Настройки рабочего пространства . Подробнее об удалении плагина.

Примечание: Авторизуя это приложение, вы продолжаете соглашаться с Условиями обслуживания и Политикой конфиденциальности Webflow Labs.

Как добавить или удалить сайты из авторизации плагина

Чтобы добавить авторизацию плагина на новый сайт или удалить его с сайта:

  1. Нажмите « гамбургер-меню » в модальном окне плагина
  2. Выберите Выйти
  3. Нажмите на модальные инструкции плагина
  4. Нажмите Подключить учетную запись
  5. Выберите все сайты, на которые вы хотите добавить авторизацию плагина или удалить авторизацию плагина с
Примечание: Когда вы выходите из плагина, плагин будет неавторизован с каждого сайта или рабочего пространства, на котором вы изначально авторизовали его. Вам придется повторно авторизовать плагин на своих сайтах или в Workspaces, чтобы использовать его снова.

Как использовать плагин Figma to Webflow

Чтобы начать использовать плагин, вернитесь в Figma и нажмите Давайте начнем в модальном окне. Затем вы можете:

  • Использовать макеты плагинов Figma для Webflow
  • Использовать структуры плагинов Figma для Webflow
  • Копировать и вставлять неструктурированные макеты Figma
  • Копировать и вставлять текстовые и цветовые стили

Использовать макеты плагинов Figma для Webflow

5
    5
  1. Плагин включает в себя предварительно созданные адаптивные макеты, которые помогут вам быстро начать работу над дизайном для панелей навигации, основных разделов, форм, нижних колонтитулов и многих других распространенных элементов дизайна.

    Важно: Плагин работает, переводя рамки автоматического макета в формат, понятный дизайнеру Webflow. Поскольку Webflow — это инструмент для разработки веб-сайтов, мы можем поддерживать только фреймы, использующие автоматическую компоновку.

    Чтобы скопировать макет из Figma в Webflow:

    1. Перейдите на вкладку Layouts в модальном окне плагина Figma to Webflow
    2. Выберите макет
    3. Выберите макет на холсте Figma
    4. сайт, на который вы хотите вставить свой макет из Выберите сайт Webflow в раскрывающемся списке в модальном окне плагина Figma to Webflow
    5. Нажмите Копировать в Webflow в модальном окне плагина Figma to Webflow
    6. Нажмите Подтвердить копирование в Webflow , если плагин запрашивает подтверждение
    7. Откройте Webflow Designer в отдельном окне
    8. Вставьте макет на холст Webflow Designer

    Вам нужно будет выбрать свой сайт Webflow только один раз из раскрывающегося списка Выберите сайт Webflow . Затем вы можете скопировать и вставить несколько макетов из файла Figma в Webflow.

    Примечание: Убедитесь, что вы выбрали весь макет, а не только некоторые элементы внутри. Если вы не выберете полный макет, он может быть скопирован неправильно, и вы не сможете вставить его в конструктор Webflow.

    Использование структур плагинов Figma to Webflow

    Плагин также поставляется с готовыми структурами, которые обеспечивают основу для ваших проектов. Хотя структуры в Figma пусты, они обеспечивают отзывчивость в Webflow, поэтому вы можете использовать эти структуры в качестве оберток контента. Затем, когда вы вставите их и их содержимое в Webflow, структуры останутся чувствительными к контрольным точкам.

    Примечание: Невозможно контролировать скорость отклика при разработке с нуля в Figma. Однако использование предварительно созданных макетов и структур плагина гарантирует, что ваши проекты будут реагировать в Webflow.

    Чтобы скопировать структуру из Figma в Webflow:

    1. Перейдите на вкладку Structures в модальном окне плагина Figma to Webflow
    2. Выберите структуру
    3. Выберите структуру на холсте Figma 7 Выберите Webflow 900 сайт, на который вы хотите вставить свою структуру из Выберите сайт Webflow в раскрывающемся списке в модальном окне плагина Figma to Webflow
    4. Нажмите Копировать в Webflow в модальном окне плагина Figma to Webflow
    5. Нажмите Подтвердить копирование в Webflow , если плагин запрашивает подтверждение
    6. Откройте Webflow Designer в отдельном окне
    7. Вставьте структуру на холст Webflow Designer

    Вам нужно будет выбрать свой сайт Webflow только один раз из Выберите сайт Webflow раскрывающийся список. Затем вы можете скопировать и вставить несколько структур из файла Figma в Webflow.

    Примечание: Убедитесь, что вы выбрали всю структуру, а не только некоторые элементы внутри. Если вы не выберете всю структуру, она может быть скопирована неправильно, и вы не сможете вставить ее в конструктор Webflow.

    Копирование и вставка неструктурированных дизайнов Figma

    Возможно, вы уже создали дизайны сайтов Figma, которые не используют готовые структуры или макеты плагина. Чтобы сделать ваш дизайн отзывчивым и переносимым в Webflow, вы можете переместить существующий контент вашего дизайна Figma в предварительно созданные структуры или макеты плагина.

    Вот пример неструктурированного раздела героя, разработанного в Figma:

    Чтобы перенести неструктурированный дизайн героя в готовые структуры и макеты плагина, сначала добавьте структуру Новая страница на свой холст, затем добавьте заголовок Герой слева макет на новую страницу. Заголовок Герой слева от макета отражает существующий дизайн выше, так как текстовое содержимое героя расположено слева от раздела. Хотя в правой части раздела не обязательно должно быть изображение — как в Главный заголовок слева макет — мы всегда можем удалить замещающее изображение макета, но сохранить остальную часть дизайна макета.

    Оттуда вы можете:

    • Добавить свое фоновое изображение в рамку «Герой слева» в качестве заливки — это добавит фоновое изображение во весь раздел героя
    • Добавить текстовый блок для подзаголовка h3 и скопировать и вставьте текст вашего подзаголовка внутрь, затем добавьте HTML-тег h3 в текстовый блок
    • Замените текст-заполнитель в исходных текстовых блоках макета (заголовок и абзац), чтобы он соответствовал тексту в исходном дизайне
    • Удалить кнопку макета (и его родительский фрейм «Действия»)
    • Удалить правое изображение-заполнитель макета и Контейнер изображения кадр
    • Добавить верхний и нижний отступы к заголовку героя слева кадру, чтобы изображение позиционировалось правильно
    • Отрегулируйте высоту правого столбца (того, что с текстом), чтобы текст располагался в левом нижнем углу главного раздела
    Макет левого заголовка Hero был отформатирован с использованием нескольких шагов, описанных выше. Изображение было добавлено в качестве заливки во фрейм, стили оригинального дизайна заголовка и текста абзаца были добавлены к тексту-заполнителю макета, высота правого столбца была скорректирована, чтобы текст располагался в левом нижнем углу главного элемента, а левое изображение-заполнитель было удалено.
    Профессиональный совет : Вы можете использовать Option + Command + C (на Mac) или Control + Alt + C (на Windows), чтобы скопировать свойства слоя, затем используйте Option 9005
    + Command + V (на Mac) или Control + Alt + V (на Windows), чтобы вставить его в другой выбранный слой. Этот ярлык можно использовать для копирования свойств заливки, обводки и текста (например, копирования шрифта и цвета шрифта заголовка вашего исходного дизайна и вставки его в заголовок вашего нового дизайна, удобного для плагинов).

    Убедитесь, что для всех вложенных фреймов используется автоматическая компоновка. И, при необходимости, отсоедините экземпляры компонентов, чтобы убедиться, что вы можете редактировать дизайн в Webflow. Вы можете быстро отсоединить экземпляры, нажав Option + Command + B (на Mac) или Control + B (на Windows).

    После того, как вы заново создали свой дизайн, используя готовые структуры и макеты плагина, вы можете перенести свой дизайн в Webflow:

    1. Выберите дизайн (и все его слои) на холсте Figma
    2. Выберите сайт Webflow, на который вы хотите вставить свой дизайн, из Выберите сайт Webflow в раскрывающемся списке в модальном окне плагина Figma to Webflow
    3. Нажмите Копировать в Webflow в модальном окне плагина Figma to Webflow
    4. Нажмите Подтвердить скопировать в Webflow , если подключаемый модуль запрашивает подтверждение
    5. Открыть Webflow Designer в отдельном окне
    6. Вставить дизайн на холст Webflow Designer

    Вам нужно будет выбрать свой сайт Webflow только один раз из Выберите сайт Webflow в раскрывающемся списке. Затем вы можете скопировать и вставить несколько дизайнов из файла Figma в Webflow.

    Копирование и вставка текстовых и цветовых стилей

    Если у вас есть текстовые и цветовые стили в вашем файле Figma, вы можете скопировать их в Webflow для быстрого доступа при разработке дизайна на своем сайте. Мы рекомендуем вам создать страницу руководства по стилю в Webflow, чтобы у вас было выделенное место для вашего текста и цветовых стилей. Вы можете копировать отдельные стили текста, цветовые стили или копировать все текстовые и цветовые стили сразу.

    Текстовые и цветовые стили, которые можно копировать, включают:

    • Локальные текстовые и цветовые стили Figma
    • Текстовые и цветовые стили из библиотек Figma (если они используются на текущей странице Figma)

    Текстовые и цветовые стили будут вставляется в Webflow с предварительно установленным шаблоном «Руководство по стилю».

    Стили текста

    Чтобы скопировать стили текста из Figma:

    1. Нажмите « гамбургер-меню » в модальном окне плагина
    2. Выберите Скопируйте стили текста
    3. Перейдите на специальную страницу руководства по стилям (если вы ее создали) на своем сайте Webflow или на другую страницу вашего сайта Webflow
    4. Нажмите Control + V (на Mac) или Command + V (в Windows) для вставки локальных стилей текста

    Стили текста будут вставлены в Webflow с предварительно установленным шаблоном «Руководство по стилю». Стили текста вставляются в раздел Стили текста . Каждый текстовый стиль получит класс с именем, которое вы установили для текстового стиля в Figma (например, если вы назвали текстовый стиль «Tahoma Bold» в Figma, его имя класса Webflow будет «Tahoma Bold»).

    Цветовые стили

    Чтобы скопировать цветовые стили из Figma:

    1. Нажмите « гамбургер-меню » в модальном окне плагина один) на вашем сайте Webflow или на другой странице вашего сайта Webflow
    2. Нажмите Control + V (на Mac) или Command + V (на Windows), чтобы вставить локальные цветовые стили

    Цветовые стили будут вставлены в Webflow с предварительно установленным шаблоном «Руководство по стилю». Цветовые стили вставляются в раздел Цветовые стили . Каждый цветовой стиль получит класс, обозначающий его как образец цвета, и имя, которое вы задали для цветового стиля в Figma (например, если вы назвали цветовой стиль «Розовый» в Figma, имя класса Webflow будет «Образец цвета / Розовый»). Вы также сможете увидеть шестнадцатеричный код цвета рядом с локальным стилем на холсте Webflow или перейдя на Панель стилей > Фоны , затем щелкните образец цвета рядом с цветом .

    Эти цветовые стили не создаются автоматически как глобальные образцы Webflow, поэтому мы рекомендуем создавать эти образцы вручную, чтобы использовать цвета на вашем сайте. Чтобы создать образец с цветовым стилем:

    1. Выберите образец цветового стиля div блок на холсте Webflow
    2. Перейдите на Панель стилей > Фоны
    3. Выберите цветовой обработки рядом с Color
    4. Нажмите « плюс » в нижней части Color Ficker
    5. Дайте вашему образцу имя под Create Swatch
    6. Кл.
    Как одновременно скопировать все текстовые и цветовые стили

    Чтобы скопировать все текстовые и цветовые стили из Figma,0018

  2. Выбрать Скопировать все текстовые и цветовые стили
  3. Перейти на специальную страницу руководства по стилю (если она создана) на сайте Webflow или на другую страницу сайта Webflow
  4. Нажмите Управление + V (на Mac) или Команда + V (в Windows) для вставки локальных стилей

Стили будут вставлены в Webflow с предварительно установленным шаблоном «Руководство по стилю».

Как работает плагин

При использовании плагина Figma to Webflow необходимо помнить о некоторых важных вещах:

  • Auto Mayout
  • Пользовательские шрифты
  • классы
  • Изображения
  • HTML TAGS
  • Фоны
  • Advanced Plucinal Fundation

AUTOUTAOUT

. Это гарантирует наилучший возможный перевод при копировании из Figma в Webflow.

Примечание: Если у вас есть слой, который не использует автоматическую компоновку в вашем дизайне Figma, вы увидите предупреждение в модальном окне плагина с просьбой изменить слой на автоматическую компоновку, прежде чем вы сможете скопировать его в Webflow. Вы можете щелкнуть желтый предупреждающий треугольник в модальном окне, чтобы выбрать все слои, которые необходимо преобразовать в автоматический макет.

Пользовательские шрифты

Если вы используете пользовательские шрифты в своих проектах Figma, вам необходимо загрузить их на свой сайт Webflow до переноса ваших проектов Figma, чтобы обеспечить правильную передачу шрифтов. Если вы не добавите пользовательские шрифты в Webflow, они будут потеряны во время передачи. Узнайте, как загружать пользовательские шрифты на свои сайты Webflow.

Иллюстрации и значки

Figma — это векторный инструмент, позволяющий создавать иллюстрации, значки и векторные логотипы. Большинство иллюстраций состоят из нескольких векторных слоев. Эти слои уникальны для Figma и других векторных инструментов, и их сложно анализировать плагину, что часто приводит к ошибкам тайм-аута.

Если в вашем проекте есть векторные слои, плагин автоматически создает новый родительский векторный слой с именем «Векторная оболочка». Эта оболочка будет обертывать ваши векторные слои для экспорта в SVG. Плагин удалит этот слой в Figma после завершения процесса копирования, хотя он все равно появится в Webflow.

Если вы используете компоненты Figma в своем векторном слое, вам может потребоваться отсоединить экземпляры перед копированием слоя. Если это так, плагин предупредит вас об отключении экземпляра.

Вы можете быстро отсоединить экземпляры, нажав Option + Command + B (на Mac) или Control + B (на Windows).

Классы

Имя каждого слоя Figma преобразуется в класс при копировании дизайна из Figma в Webflow.

Плагин вносит следующие 3 изменения в имена слоев при преобразовании их в классы:

  • Делает их строчными (например, «Кнопка» меняется на «кнопка»)
  • Заменяет пробелы дефисами (например, «крутая кнопка» меняется на «крутая кнопка»)
  • Обрезает любые имена классов длиной более 20 символов
Одно и то же имя, разные стили

Если два слоя Figma имеют одинаковые имя , но различных стилей , плагин переименовывает эти классы для вас, добавляя номер к имени класса. Например, если у вас есть 2 слоя в Figma с именем «контейнер» с разными стилями, плагин применяет класс «контейнер» к одному из слоев и применяет класс «контейнер-2» к другому слою после того, как вы вставите их на слой. Холст дизайнера Webflow.

Аналогичным образом, если вы вставите на холст Webflow слой с классом, который уже существует на вашем сайте, имя класса появится с увеличенным номером. Например, если у вас уже есть класс «Кнопка» на вашем сайте, и вы вставляете слой Figma с именем «Кнопка» на холст Webflow Designer, класс слоя станет «кнопкой 2» в поле «Селектор».

Совет для профессионалов: Если вы обнаружите, что копируете один и тот же макет в Webflow несколько раз, вы можете создать раздувание классов в Webflow, что может привести к снижению производительности вашего опубликованного сайта. Чтобы ваши занятия были аккуратными (и чтобы не было таких занятий, как «Кнопка 234986″), удалите ненужные макеты и/или элементы на сайте Webflow, а затем очистите стили в диспетчере стилей. На этом этапе вы можете вставлять свои проекты Figma в Webflow, не вызывая раздувания класса.
Одинаковые стили, разные классы

Если два слоя Figma или слой Figma и элемент Webflow имеют одинаковые стили, но разные имена классов, подключаемый модуль дедублирует эти классы. Это уменьшает дублирование экземпляров класса в Webflow.

Например, если у вас есть 2 слоя в Figma с одинаковыми стилями CSS, но один называется «Navbar», а другой — «Cool navbar», Webflow удалит их дубликаты, применив один и тот же класс «Navbar». к каждому из них после того, как вы вставите их на холст Webflow.

Изображения

Когда вы вставляете дизайн с изображениями, изображения загружаются на панель ресурсов Webflow. Убедитесь, что вы выбрали правильный сайт в раскрывающемся списке Выберите сайт Webflow в модальном окне плагина, иначе ваши изображения не будут загружаться на панель «Ресурсы».

Примечание: Возможно, вам придется обновить Webflow Designer, чтобы увидеть загруженные вами изображения на панели «Ресурсы».

Теги HTML

Плагин угадывает правильный тег HTML для каждого слоя Figma, следуя нескольким правилам:

Однако, если вы хотите, чтобы подключаемый модуль экспортировал слой как другой тег HTML, вы можете определить его вручную.

Определение тегов HTML вручную

Вы можете определить тег HTML для каждого слоя Figma, переименовав имя слоя и добавив имя тега в скобках перед двумя дефисами (например, «[h2] — имя слоя») .

Примечание: Убедитесь, что первая буква в теге заглавная.

Плагин поддерживает следующие теги HTML:

  1. h2
  2. h3
  3. h4
  4. h5
  5. H5
  6. H6
  7. A
  8. P

    17 Div

Фоны

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

Примечание: Если ваше фоновое изображение не отображается в Webflow после копирования и вставки с помощью плагина, обновите страницу конструктора.

Расширенная функциональность плагина

Плагин анализирует выбранный слой Figma и преобразует его стили и макет в теги HTML и свойства CSS. Плагин принимает только автоматический макет, чтобы обеспечить максимально точное преобразование.

Примечание: Плагин Figma to Webflow в настоящее время не поддерживается для Figma в браузере Safari. Это означает, что плагин не будет работать, если вы работаете в Figma с помощью браузера Safari. Мы рекомендуем вам использовать Chrome или настольное приложение Figma.

Как удалить подключаемый модуль Figma to Webflow

Вы можете удалить подключаемый модуль Figma to Webflow из своей рабочей области или с одного из своих сайтов в зависимости от того, где вы изначально разрешили доступ к подключаемому модулю. Если вы авторизовали подключаемый модуль Figma to Webflow для своей рабочей области, следуйте инструкциям по удалению подключаемого модуля из вашей рабочей области. Если вы авторизовали плагин для 1 или нескольких сайтов, следуйте инструкциям по удалению плагина с вашего сайта.

Как удалить плагин из рабочей области

Чтобы удалить плагин Figma to Webflow из вашей рабочей области:

  1. Откройте раскрывающийся список Учетная запись на панели навигации
  2. Нажмите Рабочие области
  3. Выберите рабочую область, которую хотите удалить плагин из
  4. Перейдите к Настройки рабочей области > Вкладка Интеграция > Авторизованные приложения
  5. Нажмите Отменить из приложения «Webflow from Figma to Site»

Как удалить плагин с вашего сайта

Чтобы удалить плагин Figma to Webflow с вашего сайта:

  1. Перейдите на панель инструментов
  2. Нажмите « 3 точки раскрытия » на сайте, который вы хотите удалить плагин из
  3. Нажмите Настройки
  4. Перейдите на Настройки сайта > Интеграция вкладка > Авторизованные приложения
  5. Нажмите Просмотр
  6. 8 8 80005 Настройки интеграции счетов. правильно, сначала убедитесь, что вы используете поддерживаемый браузер. Браузеры, поддерживаемые плагином, включают Chrome и настольное приложение Figma. Плагин в настоящее время не поддерживается для Figma в браузере Safari.

    Если проблема не устранена, попробуйте выполнить следующие действия:

    • Скопируйте один предварительно созданный макет, предварительно созданную структуру или текстовый слой, использующий автоматический макет, и вставьте его в Webflow — если кадр копируется и вставляется правильно, плагин функционирование. Если фрейм не копируется, выполните следующие действия по устранению неполадок:
    • Найдите решение в нашем сообществе Webflow Labs
    • Опубликуйте вопрос в сообществе Webflow Labs

    Если выполнение описанных выше действий по устранению неполадок не помогло, создайте новый файл Figma с кадром, который копируется неправильно, и поделитесь им с командой Webflow Labs по адресу labs@webflow. com. Они ответят как можно скорее.

    Как поделиться отзывом

    Мы будем рады вашим мыслям, комментариям и отзывам, которые помогут нам сделать этот плагин сияющим. Пожалуйста, поделитесь своими мыслями с нами в сообществе Webflow Labs.

    rzr пыльник полуоси — Googlesuche

    AlleShoppingVideosBilderMapsNewsBücher

    Suchoptionen

    CV Boot Kit fits Polaris RZR XP 1000 2016-2021 Front Inner High …

    www.amazon.com › Polaris-1000-Front-Inner-Rubber

    Bewertung 4,0

    (16) · 18,29 $ · Auf Lager

    Сапоги ШРУСа · Молибденовая смазка на литиевой основе обеспечивает хорошую смазку и долгий срок службы ШРУСа. · Проще установить, чем большинство OEM. и неоригинальные сапоги. · Пребывание …

    Возврат: право на возврат, возмещение или замену в течение 30 дней с момента получения
    Марка: ‎Race-Driven

    Комплект чехлов CV подходит для Polaris RZR XP 1000 2016-2021 Front Outer High . ..

    www.amazon.com › Polaris-1000-Front-Outer-Rubber

    6, Bewertung 5

    (4) · 18,29 $ · Auf Lager

    Сапоги ШРУСа · Молибденовая смазка на литиевой основе обеспечивает хорошую смазку и долгий срок службы ШРУСа. · Проще установить, чем большинство OEM. и неоригинальные сапоги. · Остается …

    Бренд: ‎Race-Driven
    Размеры продукта: ‎10,5 x 8,5 x 1 дюйм

    Замена пыльника Polaris RZR CV | 2015 РЗР 900С | Partzilla.com

    www.youtube.com › смотрите

    30.11.2017 · Получите детали для замены CV на своем UTV здесь: http://bit.ly/rzr-900-cv-boot …
    Добавлено: 11:25
    Прислано: 30.11.2017

    Замена чехла RZR CV от начала до конца. 4K — YouTube

    www.youtube.com › смотреть

    18.03.2020 · Видео о замене пыльника ШРУСа на внешнем переднем ШРУСе со стороны пассажира на …
    Дата: 37:37
    Прислан: 18.03.2020

    Комплект пыльников RCV CV для Polaris RZR — RCV Performance

    www. rcvperformance.com › rcv-pro-series-i-ii-polar…

    19,95 $

    Подходит для большинства передних или задних осей RCV Polaris*. Включает: 1x внутренний багажник CV; 1 ремешок для ботинок CV; 1x ремешок для ботинка оси; 1 стопорное кольцо. Для жителей Калифорнии

    Использование комплекта для ремонта чехла CV | Внедорожники Polaris

    www.polaris.com › внедорожники › справочный центр › статья

    Комплекты пыльников RANGER, RZR и GENERAL UTV Trail — номер детали 2830526. Дополнительные пыльники — часть … Ремкомплекты ботинок Sportsman и ACE CV — номер детали 2830528.

    Комплект пыльников задней оси CV Для Polaris RZR 1000 900 RZR 4 900 5415177

    ниша.com › products

    21,95 $ Auf Lager

    Запасные части OEM для Polaris в наличии. RZR Ranger 5415177 5415176 3236165 3236163 RZR 900 1000.

    Замена пыльника оси AX3 | Polaris RZR XP 1000 4WD (14-22)

    www.roughcountry.com › polaris-replacement-front.

Leave a Comment

Ваш адрес email не будет опубликован. Обязательные поля помечены *