• úvod
  • témata
  • události
  • tržiště
  • diskuze
  • nástěnka
  • přihlásit
    registrace
    ztracené heslo?
    KULHYUI design, design systémy, interakční design, ♥ Figma
    DAN_F
    DAN_F --- ---
    DSTEPZ: Jakože, varianty nejsou jenom varianty, varianty jsou pořád komponenty, akorát s variantami. Takže v tomhle případě můžeš udělat prostě komponentu, sestávající z primárního a expand buttonu a rozbalených položek (jedna varianta) a její druhá varianta bude to samé, jen se schovanými položkami a otočenou ikonou na sekundárním tlačítku s ikonou a prototypovou akci namapuješ přímo na to tlačítko. Tedy nějak takhle:
    Figma
    https://www.figma.com/design/yJPsrtrILkzQNXLxDegeZH/Untitled-(edit)?node-id=0-1&t=Aoz6rVVelRbv7ry4-1

    Taky by bylo lepší udělat si komponenty pro ty jednotlivé typy tlačítek (klidně zas jen jako komponentu s variantou primární a sekundární tlačítko a property s ikonou a bez) a z nich pak teprve složit celek. Je to sice nějaká práce navíc, ale když se pak rozhodneš změnit třeba poloměr zaoblení rohů, velikost nebo styl písma labelů, bude ti stačit udělat úpravu jen na té hlavní komponentě, takže v důsledku to může naopak hodně času ušetřit a lépe se s tím pracuje. A taky bych klidně ubral těch vnořených framů, jinak se z toho za chvíli zblázníš. Na tohle ti stačí v pohodě tři :)
    DAN_F
    DAN_F --- ---
    DSTEPZ: Noo, za mě máš v té komponentě s variantami (Button Variants) zbytečně vnořenou tu komponentu "Button Accordion Main". Osobně bych udělal jen jednu komponentu, která bude mít dvě varianty, a tu samostatnou komponentu do toho vůbec nezanořoval.
    DSTEPZ
    DSTEPZ --- ---
    Cus, resim takovou vyfikundaci u jedny komponenty na mobil.
    Vytvoril sem si main komponentu tlacitka, vedle kteryho je sekundarni tlacitko se sipkou, ktera rozbali dalsi volby. Sekundarni tlacitko ma jenom jednu variantu (spiku nahoru). Kdyz pak udelam dalsi varianty, tak v tech variantach nemuzu tu sipku otocit. Varianty dovoloujou jen stylovani, ale rotace nefunguje. Trosku jsem to osral tim, ze jsem to ty main varianty udelal dve sekundarni tlacitka a ve variante je skryvam/odkryvam. Samozrejme chapu, ze bych mel udela variantu i u toho tlacitka (sipky nahoru a dolu) a pak si je ve variant vybirat, ale prijde mi, ze to dost extrem a zdrzuje to jen pro potreby prototypovani. Neda se to udelat nejak jinak?


    Prototyp
    Figma
    https://www.figma.com/proto/sNa4iaDMDObz2y7pdgpE9w/Untitled?node-id=1-254&t=COgBqV0f4VCXFB2C-1

    Figma
    Figma
    https://www.figma.com/design/sNa4iaDMDObz2y7pdgpE9w/Untitled?node-id=1-254&t=COgBqV0f4VCXFB2C-1
    DAN_F
    DAN_F --- ---
    HAVANA: Tohle už se snad vyplatí spíš naprogramovat, než prototypovat, ne? :)
    HAVANA
    HAVANA --- ---
    cus, potrebuju si udelat komponentu odpocitavani casu.

    Minuty:Sekundy

    1. cas v ramci aplikace muzu zmenit, a pak dam play a ukazuje to spravne. daji se najek s komponentou prenest i promenne?
    2. potrebuju nejak donutit figmu, aby zobrazovala sekundy ve formatu 05, a ne 5 (zatim to mam pres conditional podminky, ale to je dost neelegantni reseni, treba to pujde lip?
    3. kdyz dojde na 00:00, tak se to zastavi, nejde to do minusu .)

    nejakej tip jak to odbavit? diky predem .)
    BLAMAZ
    BLAMAZ --- ---
    Je nějaký způsob jak mergovat color variables? Mám tři řady, ze kterých chci udělat jednu. Dokument je hodně rozsáhlý (design system) na řadě pages. Najít a nahradit variable a pak odmazat nevyužité nejde moc použít, protože potřebuju aby to nevyměnilo viariable v instancích (protože potom by se nezohledňovala změna master komponenty). něco jako vybrat tři variables a dát sloučit. Problém i je, že některé variables mají stejné hodnoty (je řada důvodů proč je to odělené, mimo jiné to, že je verze light a dark, kdy to třeba sedí jen v jedné z toho).
    KULHY
    KULHY --- ---
    Za mě dobrý:

    Design Crit: UI3 | Figma
    https://youtu.be/tIgRf5owYTI?si=L8w5JsCQ2eO_BBlv
    KOTWA
    KOTWA --- ---
    nastesti plovouci panely uz prilepili zpatky ;-)
    KULHY
    KULHY --- ---
    DAN_F: V práci ho zatím nemám a se soukromým účtem nedělám skoro vůbec, takže zatím nemohu soudit. Obecně se velký změny UI těžko příjmají, to tady asi většina víme, ale je fakt, že toho hejtu je podezřele moc.
    DAN_F
    DAN_F --- ---
    KULHY: Na rozdíl od UI3.
    KULHY
    KULHY --- ---
    DAN_F: Byla to součást Multi-editu. To byl jeden z nejlepších updatů za dlouhou dobu.
    DAN_F
    DAN_F --- ---
    KOTWA: Na tvoji obhajobu, já si toho určitě nevšiml dřív, než vyšel Multi-edit, což bylo tuším někdy na jaře tohohle roku, a ani vlastně nevím, jestli to tam bylo už předtím, nebo to vyšlo jako součást Multi-editu :)
    KOTWA
    KOTWA --- ---
    DAN_F: sypu si popel na hlavu, tolikrat jsem to hledal na forech, v pluginech, a select matching layers me nenapadlo zkusit... v jinych pripadech mi chovani select matching layers pripadalo nevyzpytatelny, protoze jsem nevedel, podle ceho vybira. zrejme podle stejnyho klice, jako tenhle vyber jedny a shift... :-). vyber vysvicenych pres drag drop je treba v nasich pripadech neprakticky (moc velky pages, moc pomaly), ale urcite to taky muze byt uzitecny.

    ted bych nemel bejt linej, najit vsechny ty nevyreseny dotazy na tohle tema ve figma forech, a vsem jim napsat :-)
    DAN_F
    DAN_F --- ---
    A teď koukám, že když držíš shift a "vysvítí se i ty další stejný prvky na ostatních framech", můžeš udělat normálně drag-select a vyberou se jen ty zvýrazněné prvky ve framech, přes které uděláš drag-select.

    Tady je k tomu případně playlist:
    Meet Multi-edit | Figma
    https://www.youtube.com/watch?v=XfHSWfCrX58&list=PLXDU_eVOJTx4fIgW4YtLfxlbuv9BuHCac
    DAN_F
    DAN_F --- ---
    HAVANA: Ehm, myslíš jakože "select matching layers"? Na to je trik, který má formu úplně prvního tlačítka na nástrojové liště :D

    Dropbox
    https://www.dropbox.com/scl/fi/8t1dzb4ujpwlq73x5sov3/select-matching-layers.mp4?rlkey=vbeubvut5wwrg8jmntxi2ghjk&dl=0

    (alternativně ctrl + alt + a / cmd + alt + a)
    JARDABEREZA
    JARDABEREZA --- ---
    HAVANA: S Figmou sice nedělám, ale nemělo by to mít nějaké pluginy? Neumí to nějaký? Pro inspiraci do Photoshopu je např. tohle a to má hodně dobrou flexibilitu a možnosti. https://www.youtube.com/watch?v=9wZHvrlW0e4
    HAVANA
    HAVANA --- ---
    KOTWA: Select menu je co?
    HAVANA
    HAVANA --- ---
    KOTWA: Hmmm..tak hlavne že mi je to zvyraznuje..ale naklikej si sám :/
    KOTWA
    KOTWA --- ---
    pokud vim, tak takova featura neexistuje, ackoliv by ji mnoho z nas uzilo (napr. na flow padesati obrazovek potrebuju na kazdy vybrat dve stejny polozky dlouhyho seznamu...). pres select menu jde vybrat treba vsechny stejne instance, ale to je jiny (na prikladu z prvni zavorky to vybere vsechny polozky vsech seznamu, nebo jsou to instance jedny komponenty)...
    HAVANA
    HAVANA --- ---
    Nevite si nekdo rady s tímhle?

    Mám X framu a ve všech tech framech je stejnej prvek. Když vyberu jeden a pak s shiftem druhej na vysviti se mi i ty další stejný prvky na ostatnich framech..ale nevyberou se mi. Je nejakej trik jak je všechny vybrat a nemuset to delat po jednom?
    Kliknutím sem můžete změnit nastavení reklam