Linden House
Identity and digital
Proměňte svůj návrh z Figmy ve web
Vložte odkaz na Figmu a po přihlášení ji propojte. Macaly vám z framů, které dokáže přečíst, postaví responzivní web. Na všechno, co přečíst nedokáže, si od vás vyžádá screenshoty.
Web studia z Figmy
Framy z Figmy vedle hotového webu
Přepínejte framy stejně jako ve vlastním souboru. Pak klikněte na Web a vyzkoušejte ho: menu přepíná mezi stránkami a filtr mění, co je ve výpisu.
Northline studioHome / Desktop
Ideas with a place in the world.
Strategy, identity and digital work for cultural and purpose led organizations.
Selected work
2024 to 2026
Common Ground
Campaign and place
Properties
- Width
- 1200
- Columns
- 12 / 24
- Display
- 64 / 0.96
- Fill
- F7F5EF
Hodnoty, které váš soubor už obsahuje.
Stránky a adresy
Z každého framu je samostatná stránka
Framy, které představují celé obrazovky, dostanou vlastní adresu. Z Home je úvodní stránka, Work / Linden House najdete na /work/linden-house a menu, které jste nakreslili, na ně začne odkazovat. Frame, který zachycuje stejnou obrazovku v jiné šířce, zůstane součástí té stránky jako její úzké rozvržení.
Všechny šířky
Rozvržení pro mobil i počítač
Vaše framy ukazují jednu obrazovku v jedné velikosti. Macaly vymyslí, kde se rozvržení musí změnit, takže na mobilu dostane stránka vlastní uspořádání a menu, které se rozbalí.
Hover, focus, chyby
Stavy při najetí, focusu a chybě
Ve framu máte tlačítko jen v jedné podobě. Co udělá pod kurzorem, co uvidí člověk při procházení klávesnicí a co formulář napíše u napůl vyplněné adresy, v souboru není. Tohle s vámi Macaly doladí v chatu, přímo na webu, který už běží.
Písma, fotky, ikony
Vaše písma, obrázky a ikony
Co Macaly ze souboru dokáže přečíst, použije tak, jak je: nadpisové písmo v nastavených velikostech, vložené fotky i nakreslené ikony u služeb. O to, k čemu se nedostane, třeba o licencovaný font, si řekne: nahrajete soubory nebo vyberete webový font, který vám vyhovuje. Nevymění ho potichu za podobný.
Než soubor předáte
Pokud má soubor přečíst sám, tak ano. Vložíte sem odkaz a po přihlášení vás Macaly požádá o propojení s Figmou. Dokud neřeknete ano, nic nečte.
Pošlete místo něj screenshoty a exportované podklady. Nahrajte je do chatu s krátkou poznámkou, co je který frame, a Macaly web postaví z nich.
Pixel perfect kopii neslibujeme. Macaly postaví web, který drží vaši hierarchii, typografii i mezery a nerozpadne se v žádné šířce. Pak zkontrolujete detaily, na kterých vám záleží, a řeknete si o úpravu toho, co nesedí.
Struktura stránky, typografie, barvy, mezery, komponenty opakující se napříč framy i podklady, které předáte, pocházejí ze souboru, pokud je Macaly dokáže přečíst. Co přečíst nedokáže, o to si řekne jako o screenshoty nebo exporty. Co statické plátno neřekne, doladí s vámi: kde se rozvržení mění na tabletu a mobilu, co dělá hover a focus z klávesnice, jak funguje menu, jak se jmenují jednotlivé stránky a co všechno formulář kontroluje před odesláním.
Z framů, které představují celé obrazovky, ano, a každý z nich dostane vlastní adresu. Frame se stejnou obrazovkou v jiné šířce ne: z toho se stane úzké rozvržení stránky, ke které patří. Volně ležící framy, staré verze a přehledy komponent zůstanou netknuté, takže do poznámek napište, které framy chcete použít, a Macaly postaví právě ty.
Ne. Web z vašeho souboru vychází, ale propojené nezůstanou. Jakmile web vznikne, upravujete ho v Macaly a soubor ve Figmě zůstane přesně tak, jak jste ho nechali.
Napište, které framy chcete zpracovat nejdřív, jaké velikosti obrazovky jsou důležité a co musí zůstat naprosto přesně. Pokud má nějaké tlačítko otevřít formulář nebo někam srolovat, připište to taky.
Macaly použije podklady, ke kterým se dostane, a o zbytek si řekne. Pokud máte licencovaný font, nahrajte soubory nebo uveďte webový font, který vám jako náhrada vyhovuje. Nevymění ho potichu za podobný.
Začít ano. Vložíte odkaz, přihlásíte se zdarma a Macaly staví z vašich framů. Web můžete zveřejnit na bezplatné adrese macaly.app. Vlastní doména a vyšší tarify jsou placené, podrobnosti jsou v Ceníku.
Ano. Získáte funkční web a dál ho ladíte v chatu: nové stránky, jiné mezery na tabletu, formulář odesílaný jinam nebo sekce posunutá výš.
