• ú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
    Design rozhraní webů a aplikací. Architektura design systémů. Interakční design. Všechno okolo Figmy, ale i dalších editorů (XD, Sketch, Framer, Webflow).

    Jaka je vase design role?


    Instrukce:
    Pokud profesne delate UI design, jakou roli ve firme zastavate, priapdne jak by jste svou roli definovali, pokud delate sami na sebe?

    16 hlasy od 16 respondentů

    rozbalit záhlaví
    DAN_F
    DAN_F --- ---
    DAN_F: Jinak, pokud řešíte jenom obecnou analytiku a ne nějakou cílenou reklamu a chcete mít web co nejvíc frictionless, můžete se cookie liště vyhnout, když namísto Google Analytics použijete pro měření návštěvnosti Umami (https://umami.is/).
    JARDABEREZA
    JARDABEREZA --- ---
    Figma je na burze: https://www.cnbc.com/2025/08/04/figmas-stock-sinks-after-last-weeks-post-ipo-surge.html ...mohl by to být začátek enshitifikace?
    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 :)
    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
    KULHY
    KULHY --- ---
    Za mě dobrý:

    Design Crit: UI3 | Figma
    https://youtu.be/tIgRf5owYTI?si=L8w5JsCQ2eO_BBlv
    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
    KULHY
    KULHY --- ---
    Tyjo tak vývoj Figmy akcelerovaný Ai je dost znát. To byla docela darda.
    Config 2024: Figma product launch keynote
    https://www.youtube.com/watch?v=n5gJgkO2Dg0
    DSTEPZ
    DSTEPZ --- ---
    Pokud delas ve webflow, tak je skvelej Relume framework (https://www.relume.io)/. Obsahuje to spoustu veci - 1. AI generator webu (struktura, sekce a komponenty). 2. AI copy (texty, ktery si na zaklade promptu muzes upravovat. 3. Export do figmy, kde muzes pridat barvicky a cely to pripadne customizovat a to cely pak nasledne importovat do webflow, ladit, publikovat atd. Samozrejme muzes vynechat figmu apod. Strasnej timesaver. Nejsem programator, ale v ramci webapps pouzivame radeji hotovy frameworky, na vsechno ostatni chatgpt /claude.ai.
    UV_CAT
    UV_CAT --- ---
    KULHY: Tak pak jsou takový nástroje, jako https://www.usegalileo.ai/ (jen design)
    Nicméně dokážu si představit nějaký pokročilejší node-based editor, ve kterym parametricky nadefinuješ celý web. Zatim jsem však takový nenašel...
    KULHY
    KULHY --- ---
    DAN_F: Něco málo dělat jde a můžeš ukáldat do .fig. Tady to mají hezky popsaný co jde a co nejde:
    https://help.figma.com/hc/en-us/articles/360040328553-What-can-I-do-offline-in-Figma
    ELECTRICKOTA
    ELECTRICKOTA --- ---
    Figma - DEV mode je nově placený
    Pricing for Figma's Free, Professional, and Organization plans.
    https://www.figma.com/pricing/#figma
    Dalo se to čekat ale i tak :(
    HAVANA
    HAVANA --- ---
    potreboval bych pls poradit, od nekoho kdo umi hodne dobre ve figme, a to primarne interakce...dokaze figma udelat tohle? na stejny urovni responsivnosti. a kdyz jo, tak jak?


    Untitled Document
    https://2ucq8y.axshare.com/
    DAN_F
    DAN_F --- ---
    HAVANA: Je to tak, Figma nemá, co se týče prototypování, zas tak sofistikované možnosti. Jestli myslíš nějaký range slider, tak buď to můžeš udělat jednoduše vizuálně přes varianty a sloupec s potřebným množstvím čísel, který zarovnáš v každé variantě do opačné krajní polohy a pak ty mezikroky necháš vyřešit animaci, tj. takhle:
    How To Make Range Slider In Figma | #figmatutorial
    https://www.youtube.com/watch?v=2d32vTtJUnw


    Nicméně bude tam ta lineární animace posunu sloupce s čísly, takže se to nebude chovat úplně odpovídajícím způsobem, jako kdyby se ti jen překreslovala čísla.

    Přesné chování by pak možná mohlo jít teoreticky nasimulovat prostřednictvím variables, kde jsem viděl, že jdou celkem jednoduše simulovat chování různých counterů / stepperů, ale k variables jsem se po pravdě ještě sám vůbec nedostal, takže nevím, jestli to lze aplikovat i na slider.
    JARDABEREZA
    JARDABEREZA --- ---
    DAN_F: Není to nezbytně nutná podmínka, ale hodně věcí to může usnadnit. Samozřejmě pak je možné, že jsi jediný na světě, komu to řešení vyhovuje anebo, že to děláš pro 5 lidí. Ale jinak bez toho potřebuješ hodně dobrý user research a komunikaci s uživately a to není snadné. U mě je takový projekt: https://github.com/jardicc/alchemist používám ho k práci hodně a myslím, že to hodně přidává na kvalitě. Občas mi někdo daruje pár tisíc na vývoj.

    U ostatních pluginů co nedělám pro sebe... já jsem teď full time programátor, takže ten kontakt s realitou grafika je pryč. Dřív tam byl, ale dneska prostě nevím... někdo mi to musí říct... nebo se musím sakra dobře rozpomenout.
    DAN_F
    DAN_F --- ---
    Jinak, pamatujete si někdo na Invision Studio?
    Introducing InVision Studio—the world’s most powerful screen design tool
    https://vimeo.com/238515862
    JARDABEREZA
    JARDABEREZA --- ---
    Figma and Adobe are abandoning our proposed merger | Figma Blog
    https://www.figma.com/blog/figma-adobe-abandon-proposed-merger/
    Figma and Adobe are abandoning our proposed merger
    KULHY
    KULHY --- ---
    Docela jsem se s tou tabulkou popral nakonec. Nechci hodnocení designu, ten jsem nevytvářel, jde jen o technický řešení komponent ve Figmě.
    Screen Recording 2023-12-06 at 17.36.42.mov - Disk Google
    https://drive.google.com/file/d/1-4r2uVjg2msTehifJ9yqbNzL_t0hMvkO/view
    Kliknutím sem můžete změnit nastavení reklam