Itt a Zeplin ↔ Figma integráció!

Zeplinhez eddig Sketch és Photoshop plugin volt elérhető. Mostantól Figmában készült látványterveket is ki tudunk exportálni Zeplinbe. Így könnyítve meg a front-end fejlesztést! 👋

A Figma egy nem túl elterjedt UI/prototípus tervező app MacOSre és Windowsra. Nagy előnye, hogy tudja kezelni a Sketch file-okat is! Elsődlegesen online felületre készült, ami nagyon jól működik és nagyon okos dolog, mivel ezzel biztosítva van, hogy OS függetlenül működjön az app. Konkrét UI animációkat nem tudunk csinálni vele (mint pl. a Principle és Sketch segítségével), de kattintásokkal lehet navigálni a prototípusunkban. Létezik hozzá Android és iOS mirror is mobil eszközökön való használathoz.

A Zeplin pedig abban segít, hogy a látványtervünket könnyen fel tudjuk húzni. Segítségével CSS kódot kapunk pontos méretekkel, színekkel. Továbbá ki tudjuk menteni a képeket, ikonokat is különböző formátumokba (svg, png). Király cucc, reméljük fejlesztik majd folyamatosan! 👊

Mit kell tennünk?

• Először is aktiválni kell a Zeplin integrációt: Integrations ⮕ Zeplin.

• Ki kell jelöljük az exportálni kívánt artboardokat és katt az Export gombra:

• Ezek után a Zeplin elvégzi az exportot, ki kell válasszuk a projektet és kész is.

Használjátok mind a két appot, mert nagyon szuperek! 👍

Forrás: Zeplin Medium