Linden House
Identity and digital
Proměň svůj návrh z Figmy ve web
Vlož odkaz na Figmu a po přihlášení ji propoj. Macaly ti z framů, které dokáže přečíst, postaví responzivní web. Na všechno, co přečíst nedokáže, si od tebe vyžádá screenshoty.
Ukázka
Framy z Figmy vedle hotového webu
Přepínej framy stejně jako ve vlastním souboru. Pak klikni na Web a vyzkoušej 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é tvůj 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 najdeš na /work/linden-house a menu, které jsi nakreslil, 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č
Tvoje 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áš 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 tebou Macaly doladí v chatu, přímo na webu, který už běží.
Písma, fotky, ikony
Tvoje 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: nahraješ soubory nebo vybereš webový font, který ti vyhovuje. Nevymění ho potichu za podobný.
Než soubor předáš
Pokud má soubor přečíst sám, tak ano. Vložíš sem odkaz a po přihlášení tě Macaly požádá o propojení s Figmou. Dokud neřekneš ano, nic nečte.
Pošli místo něj screenshoty a exportované podklady. Naházej 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ží tvoji hierarchii, typografii i mezery a nerozpadne se v žádné šířce. Pak zkontroluješ detaily, na kterých ti záleží, a řekneš si o úpravu toho, co nesedí.
Struktura stránky, typografie, barvy, mezery, komponenty opakující se napříč framy i podklady, které předáš, 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 tebou: 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š, které framy chceš použít, a Macaly postaví právě ty.
Ne. Web z tvého souboru vychází, ale propojené nezůstanou. Jakmile web vznikne, upravuješ ho v Macaly a soubor ve Figmě zůstane přesně tak, jak jsi ho nechal.
Napiš, které framy chceš 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š to taky.
Macaly použije podklady, ke kterým se dostane, a o zbytek si řekne. Pokud máš licencovaný font, nahraj soubory nebo uveď webový font, který ti jako náhrada vyhovuje. Nevymění ho potichu za podobný.
Začít ano. Vložíš odkaz, přihlásíš se zdarma a Macaly staví z tvých framů. Web můžeš zveřejnit na bezplatné adrese macaly.app. Vlastní doména a vyšší tarify jsou placené, podrobnosti jsou v ceníku.
Ano. Získáš funkční web a dál ho ladíš v chatu: nové stránky, jiné mezery na tabletu, formulář odesílaný jinam nebo sekce posunutá výš.
