CINXE.COM

User Interface Prototyping Online Training Courses | LinkedIn Learning, formerly Lynda.com

<!DOCTYPE html> <html lang="en"> <head> <meta name="pageKey" content="d_learning_topics_guest"> <!----><!----> <meta name="locale" content="en_US"> <meta id="config" data-app-version="2.0.2217" data-call-tree-id="AAYn2d7L2zOlhSclfFBF8Q==" data-multiproduct-name="learning-guest-frontend" data-service-name="learning-guest-frontend" data-browser-id="a2f4321a-7e58-41d9-8c95-97fcd4233ef2" data-enable-page-view-heartbeat-tracking data-page-instance="urn:li:page:learning_topics_guest;QHuIDvLLQRiQSeydTHc+ow==" data-disable-jsbeacon-pagekey-suffix="false" data-member-id="0"> <link rel="canonical" href="https://www.linkedin.com/learning/topics/user-interface-prototyping"> <!----><!----> <!----> <!----> <!----> <link rel="manifest" href="/homepage-guest/manifest.json" crossorigin="use-credentials"> <!----> <script> function getDfd() {let yFn,nFn;const p=new Promise(function(y, n){yFn=y;nFn=n;});p.resolve=yFn;p.reject=nFn;return p;} window.lazyloader = getDfd(); window.tracking = getDfd(); window.impressionTracking = getDfd(); window.ingraphTracking = getDfd(); window.appDetection = getDfd(); window.pemTracking = getDfd(); </script> <!----> <link rel="icon" href="https://static.licdn.com/aero-v1/sc/h/444zstxv7s91nepfm5et6ofge"> <title>User Interface Prototyping Online Training Courses | LinkedIn Learning, formerly Lynda.com</title> <meta name="robots" content="noarchive, max-image-preview:large"> <meta name="description" content="Our User Interface Prototyping online training courses from LinkedIn Learning (formerly Lynda.com) provide you with the skills you need, from the fundamentals to advanced tips. Browse our wide selection of User Interface Prototyping classes to find exactly what you’re looking for."> <meta property="og:site_name" content="LinkedIn"> <meta name="twitter:site" content="@LI_Learning"> <meta name="twitter:card" content="summary"> <meta name="litmsProfileName" content="learning-guest-frontend"> <meta property="og:title" content="User Interface Prototyping Online Training Courses | LinkedIn Learning, formerly Lynda.com"> <meta name="twitter:title" content="User Interface Prototyping Online Training Courses | LinkedIn Learning, formerly Lynda.com"> <meta property="og:description" content="Our User Interface Prototyping online training courses from LinkedIn Learning (formerly Lynda.com) provide you with the skills you need, from the fundamentals to advanced tips. Browse our wide selection of User Interface Prototyping classes to find exactly what you’re looking for."> <meta name="twitter:description" content="Our User Interface Prototyping online training courses from LinkedIn Learning (formerly Lynda.com) provide you with the skills you need, from the fundamentals to advanced tips. Browse our wide selection of User Interface Prototyping classes to find exactly what you’re looking for."> <meta property="og:image" content="https://static.licdn.com/aero-v1/sc/h/50i85klb0hydcf45ieglfsw4w"> <meta property="og:image:alt" content="Woman looking through LinkedIn Learning course icons"> <meta name="twitter:image" content="https://static.licdn.com/aero-v1/sc/h/50i85klb0hydcf45ieglfsw4w"> <meta name="twitter:image:alt" content="Woman looking through LinkedIn Learning course icons"> <meta property="og:url" content="https://www.linkedin.com/learning/topics/user-interface-prototyping"> <meta property="og:type" content="website"> <meta name="clientSideIngraphs" content="1" data-gauge-metric-endpoint="/learning-guest/api/ingraphs/gauge" data-counter-metric-endpoint="/learning-guest/api/ingraphs/counter"> <link rel="stylesheet" href="https://static.licdn.com/aero-v1/sc/h/4l0jf74ahlciyps6yw1hxhmua"> <!----> </head> <body dir="ltr"> <!----><!----><!----> <div class="base-serp-page"> <a href="#main-content" class="skip-link btn-md btn-primary absolute z-11 -top-[100vh] focus:top-0"> Skip to main content </a> <header class="base-serp-page__header global-alert-offset sticky-header"> <nav class="nav pt-1.5 pb-2 flex items-center justify-between relative flex-nowrap babymamabear:py-1.5 nav--minified-mobile " aria-label="Primary"> <a href="https://www.linkedin.com/learning/?trk=learning-topics_nav-header-logo" class="nav__logo-link link-no-visited-state z-1 mr-auto min-h-[52px] flex items-center babybear:z-0 hover:no-underline focus:no-underline active:no-underline babymamabear:mr-3" data-tracking-control-name="learning-topics_nav-header-logo" data-tracking-will-navigate> <div class="learning-logo"> <icon class="learning-logo__inbug onload" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/4zqr0f9jf98vi2nkijyc3bex2"></icon> <span class="learning-logo__text" aria-hidden="true">Learning</span> <span class="sr-only">LinkedIn Learning</span> </div> </a> <section class="search-bar relative flex flex-grow h-[40px] bg-cool-gray-20 min-w-0 max-w-full mx-4 rounded-sm babymamabear:mx-0 babymamabear:mb-1.5 babymamabear:bg-color-transparent babymamabear:w-full babymamabear:flex babymamabear:flex-wrap search-bar--minified-mobile" data-current-search-type="LEARNING"> <button class="search-bar__placeholder papabear:hidden text-input w-full mt-1.5 !pl-[14px] border-1 border-solid border-color-border-faint rounded-[2px] h-[40px] max-h-[40px] flex items-center overflow-hidden cursor-text" data-tracking-control-name="learning-topics_search-switcher-opener"> <icon class="text-color-icon w-3 h-3 mr-1" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/397vrsk6op88l4981ji1xe1qt"></icon> <div class="search-bar__full-placeholder font-sans text-md text-color-text max-w-[calc(100%-40px)] text-left whitespace-nowrap overflow-hidden text-ellipsis"> <!----><!----> User Interface Prototyping <!----> </div> <span class="sr-only">Expand search</span> </button> <div class="switcher-tabs__trigger-and-tabs babymamabear:flex"> <button aria-expanded="false" class="switcher-tabs__placeholder flex !h-full !py-0 !pl-2 !pr-1.5 border-r-1 border-solid border-r-color-border-faint babymamabear:hidden tab-md papabear:tab-vertical papabear:justify-start cursor-pointer" data-tracking-control-name="learning-topics_switcher-tabs-placeholder" aria-describedby="switcher-description"> <span class="switcher-tabs__placeholder-text m-auto"></span> <icon class="switcher-tabs__caret-down-filled onload pointer-events-none block my-auto min-h-[24px] min-w-[24px] h-[24px] babymamabear:hidden" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/7asbl4deqijhoy3z2ivveispv"></icon> </button> <div id="switcher-description" class="hidden">This button displays the currently selected search type. When expanded it provides a list of search options that will switch the search inputs to match the current selection. </div> <!----> <div class="switcher-tabs hidden z-[1] w-auto min-w-[160px] mb-1.5 py-1 absolute top-[48px] left-0 border-solid border-1 border-color-border-faint papabear:container-raised babymamabear:static babymamabear:w-[100vw] babymamabear:h-[48px] babymamabear:p-0 overflow-y-hidden overflow-x-auto md:overflow-x-hidden"> <ul class="switcher-tabs__list flex flex-1 items-stretch papabear:flex-col" role="tablist"> <li class="switcher-tabs__tab h-[44px] babymamabear:basis-1/2" role="presentation"> <button aria-controls="jobs-search-panel" aria-selected="false" class="switcher-tabs__button w-full h-full tab-md papabear:tab-vertical papabear:justify-start cursor-pointer " data-switcher-type="JOBS" data-tracking-control-name="learning-topics_switcher-tabs-jobs-search-switcher" id="job-switcher-tab" role="tab"> Jobs </button> </li> <li class="switcher-tabs__tab h-[44px] babymamabear:basis-1/2" role="presentation"> <button aria-controls="people-search-panel" aria-selected="false" class="switcher-tabs__button w-full h-full tab-md papabear:tab-vertical papabear:justify-start cursor-pointer " data-switcher-type="PEOPLE" data-tracking-control-name="learning-topics_switcher-tabs-people-search-switcher" id="people-switcher-tab" role="tab"> People </button> </li> <li class="switcher-tabs__tab h-[44px] babymamabear:basis-1/2" role="presentation"> <button aria-controls="learning-search-panel" aria-selected="true" class="switcher-tabs__button w-full h-full tab-md papabear:tab-vertical papabear:justify-start cursor-pointer tab-selected" data-switcher-type="LEARNING" data-tracking-control-name="learning-topics_switcher-tabs-learning-search-switcher" id="learning-switcher-tab" role="tab"> Learning </button> </li> </ul> <button aria-label="Close" class="switcher-tabs__cancel-btn papabear:hidden block w-6 h-6 m-auto text-color-text-low-emphasis" data-tracking-control-name="learning-topics_switcher-tabs-cancel-search-switcher" type="button"> <icon class="switcher-tabs__cancel-icon block w-3 h-3 m-auto onload" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cs55jggk4p3uqh9ozxdmpvjg7"></icon> </button> </div> </div> <section class="base-search-bar w-full h-full" data-searchbar-type="PEOPLE" aria-labelledby="people-switcher-tab" id="people-search-panel" role="tabpanel"> <form class="base-search-bar__form w-full flex babymamabear:mx-mobile-container-padding babymamabear:flex-col" role="search" action="/pub/dir" data-tracking-control-name="learning-topics_people-search-bar_base-search-bar-form"> <section class="dismissable-input text-input !pr-3 bg-color-transparent flex items-center h-[40px] min-w-0 relative babybear:w-full babybear:mb-1 search-input"> <input aria-label="First Name" autocomplete="on" class="dismissable-input__input font-sans text-md text-color-text bg-color-transparent flex items-center flex-1 focus:outline-none placeholder:text-color-text-secondary" data-tracking-control-name="learning-topics_people-search-bar_first-name_dismissable-input" maxlength="500" name="firstName" placeholder="First Name" type="search"> <button class="dismissable-input__button text-color-text h-[40px] min-w-[24px] w-[24px] -mr-2 opacity-0 transition-opacity duration-[0.1s] disabled:invisible focus:opacity-100" data-tracking-control-name="learning-topics_people-search-bar_first-name_dismissable-input-clear" type="button"> <label class="sr-only">Clear text</label> <icon class="dismissable-input__button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cs55jggk4p3uqh9ozxdmpvjg7"></icon> </button> </section> <section class="dismissable-input text-input !pr-3 bg-color-transparent flex items-center h-[40px] min-w-0 relative babybear:w-full babybear:mb-1 search-input"> <input aria-label="Last Name" autocomplete="on" class="dismissable-input__input font-sans text-md text-color-text bg-color-transparent flex items-center flex-1 focus:outline-none placeholder:text-color-text-secondary" data-tracking-control-name="learning-topics_people-search-bar_last-name_dismissable-input" maxlength="500" name="lastName" placeholder="Last Name" type="search"> <button class="dismissable-input__button text-color-text h-[40px] min-w-[24px] w-[24px] -mr-2 opacity-0 transition-opacity duration-[0.1s] disabled:invisible focus:opacity-100" data-tracking-control-name="learning-topics_people-search-bar_last-name_dismissable-input-clear" type="button"> <label class="sr-only">Clear text</label> <icon class="dismissable-input__button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cs55jggk4p3uqh9ozxdmpvjg7"></icon> </button> </section> <input name="trk" value="learning-topics_people-search-bar_search-submit" type="hidden"> <button class="base-search-bar__submit-btn block basis-[40px] flex-shrink-0 cursor-pointer babymamabear:invisible babymamabear:ml-[-9999px] babymamabear:w-[1px] babymamabear:h-[1px]" aria-label="Search" data-tracking-control-name="learning-topics_people-search-bar_base-search-bar-search-submit" type="submit"> <icon class="base-search-bar__search-icon onload mx-auto" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cb5bsr4tsn2r4sjg9e3ls4tjl"></icon> </button> </form> </section> <section class="base-search-bar w-full h-full" data-searchbar-type="JOBS" aria-labelledby="job-switcher-tab" id="jobs-search-panel" role="tabpanel"> <form class="base-search-bar__form w-full flex babymamabear:mx-mobile-container-padding babymamabear:flex-col" role="search" action="/jobs/search" data-tracking-control-name="learning-topics_jobs-search-bar_base-search-bar-form"> <code id="i18n_aria_live_text_no-suggestions" style="display: none"><!--"No suggestions found"--></code> <code id="i18n_aria_live_text_one-suggestion" style="display: none"><!--"One Suggestion. Use up and down keys to navigate"--></code> <code id="i18n_aria_live_text_multiple-suggestions" style="display: none"><!--"Multiple Suggestions. Use up and down keys to navigate"--></code> <section class="dismissable-input text-input !pr-3 bg-color-transparent flex items-center h-[40px] min-w-0 relative babybear:w-full babybear:mb-1 typeahead-input keywords-typeahead-input text-input"> <input aria-autocomplete="list" aria-controls="job-search-bar-keywords-typeahead-list" aria-haspopup="listbox" aria-label="Search job titles or companies" autocomplete="off" class="dismissable-input__input font-sans text-md text-color-text bg-color-transparent flex items-center flex-1 focus:outline-none placeholder:text-color-text-secondary" data-tracking-control-name="learning-topics_dismissable-input" id="job-search-bar-keywords" maxlength="500" name="keywords" placeholder="Search job titles or companies" role="combobox" value="User Interface Prototyping" type="search"> <!----> <div class="typeahead-input__dropdown container-lined absolute top-[calc(100%+3px)] left-0 w-full rounded-b-md rounded-t-none z-[10] overflow-hidden max-w-none babybear:min-w-full babybear:bottom-0 babybear:overflow-y-auto"> <template class="typeahead-item-template"> <li class="typeahead-input__dropdown-item py-1.5 px-2 hover:cursor-pointer hover:bg-color-surface-new-hover hover:border-y-2 hover:border-solid hover:border-color-container-primary" role="option"> <span class="typeahead-input__dropdown-text font-sans text-sm font-bold text-color-text"></span> </li> </template> <ul class="typeahead-input__dropdown-list w-full" id="job-search-bar-keywords-typeahead-list" role="listbox"></ul> </div> <!----> <button class="dismissable-input__button text-color-text h-[40px] min-w-[24px] w-[24px] -mr-2 opacity-0 transition-opacity duration-[0.1s] disabled:invisible focus:opacity-100" data-tracking-control-name="learning-topics_dismissable-input-clear" type="button"> <label class="sr-only">Clear text</label> <icon class="dismissable-input__button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cs55jggk4p3uqh9ozxdmpvjg7"></icon> </button> </section> <!----> <code id="i18n_aria_live_text_no-suggestions" style="display: none"><!--"No suggestions found"--></code> <code id="i18n_aria_live_text_one-suggestion" style="display: none"><!--"One Suggestion. Use up and down keys to navigate"--></code> <code id="i18n_aria_live_text_multiple-suggestions" style="display: none"><!--"Multiple Suggestions. Use up and down keys to navigate"--></code> <section class="dismissable-input text-input !pr-3 bg-color-transparent flex items-center h-[40px] min-w-0 relative babybear:w-full babybear:mb-1 typeahead-input location-typeahead-input"> <input aria-autocomplete="list" aria-controls="job-search-bar-location-typeahead-list" aria-haspopup="listbox" aria-label="Location" autocomplete="off" class="dismissable-input__input font-sans text-md text-color-text bg-color-transparent flex items-center flex-1 focus:outline-none placeholder:text-color-text-secondary" data-tracking-control-name="learning-topics_dismissable-input" id="job-search-bar-location" maxlength="500" name="location" placeholder="Location" role="combobox" value="Hong Kong" type="search"> <!----> <div class="typeahead-input__dropdown container-lined absolute top-[calc(100%+3px)] left-0 w-full rounded-b-md rounded-t-none z-[10] overflow-hidden max-w-none babybear:min-w-full babybear:bottom-0 babybear:overflow-y-auto"> <template class="typeahead-item-template"> <li class="typeahead-input__dropdown-item py-1.5 px-2 hover:cursor-pointer hover:bg-color-surface-new-hover hover:border-y-2 hover:border-solid hover:border-color-container-primary" role="option"> <span class="typeahead-input__dropdown-text font-sans text-sm font-bold text-color-text"></span> </li> </template> <ul class="typeahead-input__dropdown-list w-full" id="job-search-bar-location-typeahead-list" role="listbox"></ul> </div> <!----> <button class="dismissable-input__button text-color-text h-[40px] min-w-[24px] w-[24px] -mr-2 opacity-0 transition-opacity duration-[0.1s] disabled:invisible focus:opacity-100" data-tracking-control-name="learning-topics_dismissable-input-clear" type="button"> <label class="sr-only">Clear text</label> <icon class="dismissable-input__button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cs55jggk4p3uqh9ozxdmpvjg7"></icon> </button> </section> <input name="geoId" value="102817007" type="hidden"> <input name="trk" value="learning-topics_jobs-search-bar_search-submit" type="hidden"> <button class="base-search-bar__submit-btn block basis-[40px] flex-shrink-0 cursor-pointer babymamabear:invisible babymamabear:ml-[-9999px] babymamabear:w-[1px] babymamabear:h-[1px]" aria-label="Search" data-tracking-control-name="learning-topics_jobs-search-bar_base-search-bar-search-submit" type="submit"> <icon class="base-search-bar__search-icon onload mx-auto" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cb5bsr4tsn2r4sjg9e3ls4tjl"></icon> </button> </form> </section> <section class="base-search-bar w-full h-full" data-searchbar-type="LEARNING" aria-labelledby="learning-switcher-tab" id="learning-search-panel" role="tabpanel"> <form class="base-search-bar__form w-full flex babymamabear:mx-mobile-container-padding babymamabear:flex-col" role="search" action="/learning/search" data-tracking-control-name="learning-topics_learning-search-bar_base-search-bar-form"> <section class="dismissable-input text-input !pr-3 bg-color-transparent flex items-center h-[40px] min-w-0 relative babybear:w-full babybear:mb-1 search-input"> <input aria-label="Search skills, subjects, or software" autocomplete="on" class="dismissable-input__input font-sans text-md text-color-text bg-color-transparent flex items-center flex-1 focus:outline-none placeholder:text-color-text-secondary" data-tracking-control-name="learning-topics_learning-search-bar_keywords_dismissable-input" maxlength="500" name="keywords" placeholder="Search skills, subjects, or software" value="User Interface Prototyping" type="search"> <button class="dismissable-input__button text-color-text h-[40px] min-w-[24px] w-[24px] -mr-2 opacity-0 transition-opacity duration-[0.1s] disabled:invisible focus:opacity-100" data-tracking-control-name="learning-topics_learning-search-bar_keywords_dismissable-input-clear" type="button"> <label class="sr-only">Clear text</label> <icon class="dismissable-input__button-icon" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cs55jggk4p3uqh9ozxdmpvjg7"></icon> </button> </section> <input class="nav__search-uoo" name="upsellOrderOrigin" type="hidden"> <input name="trk" value="learning-topics_learning-search-bar_search-submit" type="hidden"> <button class="base-search-bar__submit-btn block basis-[40px] flex-shrink-0 cursor-pointer babymamabear:invisible babymamabear:ml-[-9999px] babymamabear:w-[1px] babymamabear:h-[1px]" aria-label="Search" data-tracking-control-name="learning-topics_learning-search-bar_base-search-bar-search-submit" type="submit"> <icon class="base-search-bar__search-icon onload mx-auto" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cb5bsr4tsn2r4sjg9e3ls4tjl"></icon> </button> </form> </section> <!----> <div aria-live="polite" class="search-bar__live-text sr-only" role="status"></div> </section> <!----> <div class="nav__cta-container order-3 flex gap-x-1 justify-end min-w-[100px] flex-nowrap flex-shrink-0 babybear:flex-wrap flex-2 babymamabear:min-w-[50px] "> <a class="nav__button-tertiary btn-md btn-tertiary" href="http://www.linkedin.com/learning/subscription/products?courseSlug=user-interface-prototyping&amp;destRedirectURL=https%3A%2F%2Fwww%2Elinkedin%2Ecom%2Flearning%2Ftopics%2Fuser-interface-prototyping&amp;trk=learning-topics_nav-header-join&amp;upsellTrk=lil_upsell_nav_subscription" data-tracking-control-name="lil_upsell_nav_subscription" data-tracking-impression-name="lil_upsell_nav_subscription" data-test-live-nav-primary-cta data-tracking-will-navigate> Start free trial </a> <a class="nav__button-secondary btn-md btn-secondary-emphasis" href="https://www.linkedin.com/learning-login/?redirect=https%3A%2F%2Fwww%2Elinkedin%2Ecom%2Flearning%2Ftopics%2Fuser-interface-prototyping%3Ftrk%3Dlearning-topics_aside-topics&amp;fromSignIn=true&amp;trk=learning-topics_nav-header-signin" data-tracking-control-name="learning-topics_nav-header-signin" data-tracking-will-navigate> Sign in </a> <a aria-label="Sign in" class="nav__link-person papabear:hidden mamabear:hidden" data-tracking-control-name="learning-topics_nav-header-signin" data-tracking-will-navigate href="https://www.linkedin.com/learning-login/?redirect=https%3A%2F%2Fwww%2Elinkedin%2Ecom%2Flearning%2Ftopics%2Fuser-interface-prototyping%3Ftrk%3Dlearning-topics_aside-topics&amp;fromSignIn=true&amp;trk=learning-topics_nav-header-signin"> <img class="inline-block relative rounded-[50%] w-4 h-4 bg-color-entity-ghost-background" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" data-ghost-classes="bg-color-entity-ghost-background" data-ghost-url="https://static.licdn.com/aero-v1/sc/h/9c8pery4andzj6ohjkjp54ma2" alt> </a> </div> <!----> <!----> </nav> </header> <section class="base-serp-page__filters-bar"> <div class="base-serp-page__filters"> <div class="search-filters"> <!----> <div class="filters filters--desktop"> <form class="filters__form" id="learning-filters" action="https://www.linkedin.com/learning/topics/user-interface-prototyping" data-tracking-control-name="learning-topics_filters"> <input name="trk" value="learning-topics_aside-topics" type="hidden"> <input name="didUpdateFilters" value="true" type="hidden"> <ul class="filters__list"> <li class="filter"> <div class="dropdown-to-modal filter__dropdown-to-modal"> <div class="collapsible-dropdown flex items-center relative hyphens-auto"> <button class="filter-button pill flex items-center !min-h-0 filter-button--selected pill-checked filter__dropdown-to-modal-trigger" aria-label="Sort By filter. Best Match filter is currently applied. Clicking this button displays all Sort By filter options." data-tracking-control-name="learning-topics_sortBy" aria-expanded="false" type="button"> Best Match <icon data-delayed-url="https://static.licdn.com/aero-v1/sc/h/7asbl4deqijhoy3z2ivveispv" class="filter-button__icon h-3 w-2"></icon> </button> <div class="collapsible-dropdown__list hidden container-raised absolute w-auto overflow-y-auto flex-col items-stretch z-1 bottom-auto top-[100%]" tabindex="-1"> <!----> <div class="filter-values-container"> <div class="filter-values-container__filter-values" aria-label="Sort By filter options" role="group"> <div class="filter-values-container__filter-value"> <input id="sortBy-0" form="learning-filters" name="sortBy" checked value="RELEVANCE" type="radio"> <label for="sortBy-0"> Best Match </label> </div> <div class="filter-values-container__filter-value"> <input id="sortBy-1" form="learning-filters" name="sortBy" value="POPULARITY" type="radio"> <label for="sortBy-1"> View Count </label> </div> <div class="filter-values-container__filter-value"> <input id="sortBy-2" form="learning-filters" name="sortBy" value="RECENCY" type="radio"> <label for="sortBy-2"> Newest </label> </div> </div> </div> <button class="filter__submit-button" form="learning-filters" data-tracking-control-name="learning-topics_sortBy" type="submit"> Done </button> </div> <!----> </div> </div> </li> <li class="filter"> <div class="dropdown-to-modal filter__dropdown-to-modal"> <div class="collapsible-dropdown flex items-center relative hyphens-auto"> <button class="filter-button pill flex items-center !min-h-0 filter__dropdown-to-modal-trigger" aria-label="Level filter. Clicking this button displays all Level filter options." data-tracking-control-name="learning-topics_filters_difficultyLevel" aria-expanded="false" type="button"> Level <!----> <icon data-delayed-url="https://static.licdn.com/aero-v1/sc/h/7asbl4deqijhoy3z2ivveispv" class="filter-button__icon h-3 w-2"></icon> </button> <div class="collapsible-dropdown__list hidden container-raised absolute w-auto overflow-y-auto flex-col items-stretch z-1 bottom-auto top-[100%]" tabindex="-1"> <!----> <div class="filter-values-container"> <div class="filter-values-container__filter-values" aria-label="Level filter options" role="group"> <div class="filter-values-container__filter-value"> <input id="difficultyLevel-0" form="learning-filters" name="difficultyLevel" value="BEGINNER" type="radio"> <label for="difficultyLevel-0"> Beginner (97) </label> </div> <div class="filter-values-container__filter-value"> <input id="difficultyLevel-1" form="learning-filters" name="difficultyLevel" value="INTERMEDIATE" type="radio"> <label for="difficultyLevel-1"> Intermediate (221) </label> </div> </div> </div> <button class="filter__submit-button" form="learning-filters" data-tracking-control-name="learning-topics_filters_difficultyLevel" type="submit"> Done </button> </div> <!----> </div> </div> </li> <li class="filter"> <div class="dropdown-to-modal filter__dropdown-to-modal"> <div class="collapsible-dropdown flex items-center relative hyphens-auto"> <button class="filter-button pill flex items-center !min-h-0 filter__dropdown-to-modal-trigger" aria-label="Type filter. Clicking this button displays all Type filter options." data-tracking-control-name="learning-topics_filters_entityType" aria-expanded="false" type="button"> Type <!----> <icon data-delayed-url="https://static.licdn.com/aero-v1/sc/h/7asbl4deqijhoy3z2ivveispv" class="filter-button__icon h-3 w-2"></icon> </button> <div class="collapsible-dropdown__list hidden container-raised absolute w-auto overflow-y-auto flex-col items-stretch z-1 bottom-auto top-[100%]" tabindex="-1"> <!----> <div class="filter-values-container"> <div class="filter-values-container__filter-values" aria-label="Type filter options" role="group"> <div class="filter-values-container__filter-value"> <input id="entityType-0" form="learning-filters" name="entityType" value="COURSE" type="radio"> <label for="entityType-0"> Course (8) </label> </div> <div class="filter-values-container__filter-value"> <input id="entityType-1" form="learning-filters" name="entityType" value="VIDEO" type="radio"> <label for="entityType-1"> Video (213) </label> </div> <div class="filter-values-container__filter-value"> <input id="entityType-2" form="learning-filters" name="entityType" value="LEARNING_PATH" type="radio"> <label for="entityType-2"> Learning Path (2) </label> </div> </div> </div> <button class="filter__submit-button" form="learning-filters" data-tracking-control-name="learning-topics_filters_entityType" type="submit"> Done </button> </div> <!----> </div> </div> </li> <li class="filter"> <div class="dropdown-to-modal filter__dropdown-to-modal"> <div class="collapsible-dropdown flex items-center relative hyphens-auto"> <button class="filter-button pill flex items-center !min-h-0 filter__dropdown-to-modal-trigger" aria-label="Time to complete filter. Clicking this button displays all Time to complete filter options." data-tracking-control-name="learning-topics_filters_durationV2" aria-expanded="false" type="button"> Time to complete <!----> <icon data-delayed-url="https://static.licdn.com/aero-v1/sc/h/7asbl4deqijhoy3z2ivveispv" class="filter-button__icon h-3 w-2"></icon> </button> <div class="collapsible-dropdown__list hidden container-raised absolute w-auto overflow-y-auto flex-col items-stretch z-1 bottom-auto top-[100%]" tabindex="-1"> <!----> <div class="filter-values-container"> <div class="filter-values-container__filter-values" aria-label="Time to complete filter options" role="group"> <div class="filter-values-container__filter-value"> <input id="durationV2-0" form="learning-filters" name="durationV2" value="BETWEEN_0_TO_10_MIN" type="radio"> <label for="durationV2-0"> &lt; 10 mins (207) </label> </div> <div class="filter-values-container__filter-value"> <input id="durationV2-1" form="learning-filters" name="durationV2" value="BETWEEN_10_TO_30_MIN" type="radio"> <label for="durationV2-1"> 10 - 30 mins (6) </label> </div> <div class="filter-values-container__filter-value"> <input id="durationV2-2" form="learning-filters" name="durationV2" value="BETWEEN_30_TO_60_MIN" type="radio"> <label for="durationV2-2"> 30 - 60 mins (1) </label> </div> <div class="filter-values-container__filter-value"> <input id="durationV2-3" form="learning-filters" name="durationV2" value="BETWEEN_1_TO_2_HOURS" type="radio"> <label for="durationV2-3"> 1 - 2 hours (5) </label> </div> <div class="filter-values-container__filter-value"> <input id="durationV2-4" form="learning-filters" name="durationV2" value="MORE_THAN_3_HOURS" type="radio"> <label for="durationV2-4"> 3+ hours (4) </label> </div> </div> </div> <button class="filter__submit-button" form="learning-filters" data-tracking-control-name="learning-topics_filters_durationV2" type="submit"> Done </button> </div> <!----> </div> </div> </li> <li class="filter"> <div class="dropdown-to-modal filter__dropdown-to-modal"> <div class="collapsible-dropdown flex items-center relative hyphens-auto"> <button class="filter-button pill flex items-center !min-h-0 filter__dropdown-to-modal-trigger" aria-label="Software filter. Clicking this button displays all Software filter options." data-tracking-control-name="learning-topics_filters_softwareNames" aria-expanded="false" type="button"> Software <!----> <icon data-delayed-url="https://static.licdn.com/aero-v1/sc/h/7asbl4deqijhoy3z2ivveispv" class="filter-button__icon h-3 w-2"></icon> </button> <div class="collapsible-dropdown__list hidden container-raised absolute w-auto overflow-y-auto flex-col items-stretch z-1 bottom-auto top-[100%]" tabindex="-1"> <!----> <div class="filter-values-container"> <div class="filter-values-container__filter-values" aria-label="Software filter options" role="group"> <div class="filter-values-container__filter-value"> <input id="softwareNames-0" form="learning-filters" name="softwareNames" value="Figma" type="radio"> <label for="softwareNames-0"> Figma (66) </label> </div> <div class="filter-values-container__filter-value"> <input id="softwareNames-1" form="learning-filters" name="softwareNames" value="UXPin" type="radio"> <label for="softwareNames-1"> UXPin (50) </label> </div> <div class="filter-values-container__filter-value"> <input id="softwareNames-2" form="learning-filters" name="softwareNames" value="Principle" type="radio"> <label for="softwareNames-2"> Principle (43) </label> </div> <div class="filter-values-container__filter-value"> <input id="softwareNames-3" form="learning-filters" name="softwareNames" value="Adobe Animate" type="radio"> <label for="softwareNames-3"> Adobe Animate (28) </label> </div> <div class="filter-values-container__filter-value"> <input id="softwareNames-4" form="learning-filters" name="softwareNames" value="Adobe XD" type="radio"> <label for="softwareNames-4"> Adobe XD (20) </label> </div> <div class="filter-values-container__filter-value"> <input id="softwareNames-5" form="learning-filters" name="softwareNames" value="ProtoPie" type="radio"> <label for="softwareNames-5"> ProtoPie (15) </label> </div> </div> </div> <button class="filter__submit-button" form="learning-filters" data-tracking-control-name="learning-topics_filters_softwareNames" type="submit"> Done </button> </div> <!----> </div> </div> </li> </ul> </form> <!----> </div> </div> </div> </section> <div class="enterprise-nav"> <div class="enterprise-nav__content-wrapper"> <p id="enterprise-nav-solutions" class="enterprise-nav__content" tabindex="-1"> Solutions for: </p> <a href="https://learning.linkedin.com/for-entire-companies?src=li-learning-nav&trk=learning-topics_enterprise-nav" aria-labelledby="enterprise-nav-solutions business-nav-business" class="enterprise-nav__content" data-tracking-control-name="learning-topics_enterprise-nav" data-tracking-will-navigate="true" id="business-nav-business">Business</a> <a href="https://learning.linkedin.com/for-higher-education?src=li-learning-nav&trk=learning-topics_enterprise-nav" aria-labelledby="enterprise-nav-solutions business-nav-education" class="enterprise-nav__content" data-tracking-control-name="learning-topics_enterprise-nav" data-tracking-will-navigate="true" id="business-nav-education">Higher Education</a> <a href="https://learning.linkedin.com/for-governments?src=li-learning-nav&trk=learning-topics_enterprise-nav" aria-labelledby="enterprise-nav-solutions business-nav-government" class="enterprise-nav__content" data-tracking-control-name="learning-topics_enterprise-nav" data-tracking-will-navigate="true" id="business-nav-government">Government</a> <a href="/learning/subscription/teams?veh=lil_upx&src=li-learning-nav&trk=learning-topics_enterprise-nav" aria-labelledby="enterprise-nav-solutions business-nav-buy" class="enterprise-nav__content" data-test-live-enterprise-upsell="true" data-tracking-control-name="learning-topics_enterprise-nav" data-tracking-will-navigate="true" data-tracking-impression-name="lil_upsell_learning-topics_enterprise-nav_teambuy" id="business-nav-buy">Buy for my team</a> </div> </div> <div class="base-serp-page__content"> <main id="main-content" class="serp-page__results" role="main"> <section class="serp-page__search-header"> <ol class="breadcrumb__list"> <li class="breadcrumb__item"> <a class="breadcrumb__link" href="https://www.linkedin.com/learning/browse?trk=learning-topics_breadcrumb" data-tracking-control-name="learning-topics_breadcrumb" data-tracking-will-navigate>All topics</a> </li> <li class="breadcrumb__item"> <a class="breadcrumb__link" href="https://www.linkedin.com/learning/topics/creative?trk=learning-topics_breadcrumb" data-tracking-control-name="learning-topics_breadcrumb" data-tracking-will-navigate>Creative</a> </li> <li class="breadcrumb__item"> <a class="breadcrumb__link" href="https://www.linkedin.com/learning/topics/user-experience?trk=learning-topics_breadcrumb" data-tracking-control-name="learning-topics_breadcrumb" data-tracking-will-navigate>User Experience</a> </li> </ol> <script type="application/ld+json"> {"@context":"http://schema.org/","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"All topics","item":"https://www.linkedin.com/learning/browse"},{"@type":"ListItem","position":2,"name":"Creative","item":"https://www.linkedin.com/learning/topics/creative"},{"@type":"ListItem","position":3,"name":"User Experience","item":"https://www.linkedin.com/learning/topics/user-experience"}]} </script> <section class="core-section-container my-3"> <h1 class="core-section-container__main-title main-title"> <b>User Interface Prototyping</b> Online Training Courses </h1> <!----> <!----> <div class="core-section-container__content break-words"> <p> Elevate your design process with courses on user interface prototyping. Learn to create interactive prototypes that effectively communicate design ideas and user flows. These lessons are perfect for UX/UI designers aiming to bring their concepts to life before development. </p> </div> </section> <section class="core-section-container my-3"> <!----> <!----> <!----> <div class="core-section-container__content break-words"> <!----> <section class="slide-list relative trending-courses"> <header class="slide-list__header mb-1.5"> <h2 class="slide-list__heading font-bold mb-0.5 text-color-text text-lg">Trending courses</h2> <!----> </header> <div class="slide-list__nav"> <div class="slide-list__nav-wrap absolute flex h-full items-center top-0 z-1 slide-list__nav-wrap--prev left-[-20px]"> <div class="previous-slide-list__a11y-notification sr-only hidden" role="alert"> No more previous content </div> <button data-tracking-control-name="learning-topics_trending-courses_slide_list_prev_button" class="slide-list__nav-button btn-sm btn-overlay cursor-pointer disabled:hidden" aria-label="Trending courses previous slide" data-direction="prev" disabled> <icon class="slide-list__nav-icon flex items-center justify-center pointer-events-none h-3 rtl:-scale-x-100 rtl:translate-x-[7px]" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/e5ka7p8s9n5r0z9p6kpmm3hig"></icon> </button> </div> </div> <div class="relative overflow-hidden "> <ul class="slide-list__list items-stretch flex list-none transition-all duration-slow ease-standard "> <li class="trending-courses__list-item"> <a href="https://www.linkedin.com/learning/lo-fi-to-hi-fi-prototyping-in-figma?trk=learning-topics_trending-courses_related-content-card" target="_self" data-tracking-control-name="learning-topics_trending-courses_related-content-card" data-tracking-will-navigate class="base-card relative w-full hover:no-underline focus:no-underline base-card--link related-content-card w-[228px] block relative related-content-card--link absolute z-[1] top-0 bottom-0 left-0 right-0 hover:no-underline focus:no-underline" aria-label="Lo-Fi to Hi-Fi: Prototyping in Figma, 1h 45m, 8,754 viewers"> <!----> <div class="related-entity-media relative block w-[228px] h-[134px] rounded-[2px]"> <img class="related-entity-media__img w-full h-full object-cover rounded-[2px]" alt="Lo-Fi to Hi-Fi: Prototyping in Figma" data-delayed-url="https://media.licdn.com/dms/image/v2/C4E0DAQGoBjOAjI9yQA/learning-public-crop_288_512/learning-public-crop_288_512/0/1668799442072?e=2147483647&amp;v=beta&amp;t=Ug1XY27Uinw7YxaIQWnmtbGtyRfosBWBDld1sye536E"> <div class="related-entity-media__duration duration"> 1h 45m </div> <!----> </div> <p class="related-content-card__identifier font-sans text-xs font-bold text-color-text-low-emphasis uppercase leading-[20px]"> Course </p> <div class="related-content-card__info flex flex-col mt-1"> <h3 class="related-content-card__title font-sans text-[18px] font-bold text-color-text line-clamp-2"> Lo-Fi to Hi-Fi: Prototyping in Figma </h3> <!----> <div class="font-sans font-regular text-sm text-color-text-low-emphasis mt-0.5 line-clamp-3 related-content-card__metadata"> <p class="font-sans font-regular text-sm text-color-text-low-emphasis mt-0.5 line-clamp-3 related-content-card__metadata-item">8,754 viewers</p> </div> </div> </a> </li> <li class="trending-courses__list-item"> <a href="https://www.linkedin.com/learning/principle-for-ux-design-22683376?trk=learning-topics_trending-courses_related-content-card" target="_self" data-tracking-control-name="learning-topics_trending-courses_related-content-card" data-tracking-will-navigate class="base-card relative w-full hover:no-underline focus:no-underline base-card--link related-content-card w-[228px] block relative related-content-card--link absolute z-[1] top-0 bottom-0 left-0 right-0 hover:no-underline focus:no-underline" aria-label="Principle for UX Design, 3h 13m, 8,694 viewers"> <!----> <div class="related-entity-media relative block w-[228px] h-[134px] rounded-[2px]"> <img class="related-entity-media__img w-full h-full object-cover rounded-[2px]" alt="Principle for UX Design" data-delayed-url="https://media.licdn.com/dms/image/v2/D560DAQE0PyG36XKe-Q/learning-public-crop_288_512/learning-public-crop_288_512/0/1691431562795?e=2147483647&amp;v=beta&amp;t=-MIsl1_k3dN4K_xCB7ranCp7y7JZIeYG1ug7Jr2aW_4"> <div class="related-entity-media__duration duration"> 3h 13m </div> <!----> </div> <p class="related-content-card__identifier font-sans text-xs font-bold text-color-text-low-emphasis uppercase leading-[20px]"> Course </p> <div class="related-content-card__info flex flex-col mt-1"> <h3 class="related-content-card__title font-sans text-[18px] font-bold text-color-text line-clamp-2"> Principle for UX Design </h3> <!----> <div class="font-sans font-regular text-sm text-color-text-low-emphasis mt-0.5 line-clamp-3 related-content-card__metadata"> <p class="font-sans font-regular text-sm text-color-text-low-emphasis mt-0.5 line-clamp-3 related-content-card__metadata-item">8,694 viewers</p> </div> </div> </a> </li> <li class="trending-courses__list-item"> <a href="https://www.linkedin.com/learning/adobe-xd-essential-training-prototype?trk=learning-topics_trending-courses_related-content-card" target="_self" data-tracking-control-name="learning-topics_trending-courses_related-content-card" data-tracking-will-navigate class="base-card relative w-full hover:no-underline focus:no-underline base-card--link related-content-card w-[228px] block relative related-content-card--link absolute z-[1] top-0 bottom-0 left-0 right-0 hover:no-underline focus:no-underline" aria-label="Adobe XD Essential Training: Prototype, 1h 17m, 8,133 viewers"> <!----> <div class="related-entity-media relative block w-[228px] h-[134px] rounded-[2px]"> <img class="related-entity-media__img w-full h-full object-cover rounded-[2px]" alt="Adobe XD Essential Training: Prototype" data-delayed-url="https://media.licdn.com/dms/image/v2/C560DAQEXXWYA_QRuDw/learning-public-crop_288_512/learning-public-crop_288_512/0/1635877344665?e=2147483647&amp;v=beta&amp;t=_mmeT4JQdE21FMtdYGbYTJaXXCCG706y6s1WgmIUWOo"> <div class="related-entity-media__duration duration"> 1h 17m </div> <!----> </div> <p class="related-content-card__identifier font-sans text-xs font-bold text-color-text-low-emphasis uppercase leading-[20px]"> Course </p> <div class="related-content-card__info flex flex-col mt-1"> <h3 class="related-content-card__title font-sans text-[18px] font-bold text-color-text line-clamp-2"> Adobe XD Essential Training: Prototype </h3> <!----> <div class="font-sans font-regular text-sm text-color-text-low-emphasis mt-0.5 line-clamp-3 related-content-card__metadata"> <p class="font-sans font-regular text-sm text-color-text-low-emphasis mt-0.5 line-clamp-3 related-content-card__metadata-item">8,133 viewers</p> </div> </div> </a> </li> <li class="trending-courses__list-item"> <a href="https://www.linkedin.com/learning/ux-foundations-prototyping-23479952?trk=learning-topics_trending-courses_related-content-card" target="_self" data-tracking-control-name="learning-topics_trending-courses_related-content-card" data-tracking-will-navigate class="base-card relative w-full hover:no-underline focus:no-underline base-card--link related-content-card w-[228px] block relative related-content-card--link absolute z-[1] top-0 bottom-0 left-0 right-0 hover:no-underline focus:no-underline" aria-label="UX Foundations: Prototyping, 41m, 4,395 viewers"> <!----> <div class="related-entity-media relative block w-[228px] h-[134px] rounded-[2px]"> <img class="related-entity-media__img w-full h-full object-cover rounded-[2px]" alt="UX Foundations: Prototyping" data-delayed-url="https://media.licdn.com/dms/image/v2/D560DAQEWpj32ap-YLg/learning-public-crop_288_512/learning-public-crop_288_512/0/1709853697807?e=2147483647&amp;v=beta&amp;t=qxxXbtBiBX0mQtPVxwawHIMkd_xC3HjZqaAH7rVFpNk"> <div class="related-entity-media__duration duration"> 41m </div> <!----> </div> <p class="related-content-card__identifier font-sans text-xs font-bold text-color-text-low-emphasis uppercase leading-[20px]"> Course </p> <div class="related-content-card__info flex flex-col mt-1"> <h3 class="related-content-card__title font-sans text-[18px] font-bold text-color-text line-clamp-2"> UX Foundations: Prototyping </h3> <!----> <div class="font-sans font-regular text-sm text-color-text-low-emphasis mt-0.5 line-clamp-3 related-content-card__metadata"> <p class="font-sans font-regular text-sm text-color-text-low-emphasis mt-0.5 line-clamp-3 related-content-card__metadata-item">4,395 viewers</p> </div> </div> </a> </li> </ul> </div> <div class="slide-list__nav"> <div class="slide-list__nav-wrap absolute flex h-full items-center top-0 z-1 slide-list__nav-wrap--next right-[-20px]"> <div class="next-slide-list__a11y-notification sr-only hidden" role="alert"> No more next content </div> <button data-tracking-control-name="learning-topics_trending-courses_slide_list_next_button" class="slide-list__nav-button btn-sm btn-overlay cursor-pointer disabled:hidden" aria-label="Trending courses next slide" data-direction="next"> <icon class="slide-list__nav-icon flex items-center justify-center pointer-events-none h-3 rtl:-scale-x-100 rtl:translate-x-[7px]" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/c9dcz2pyrbwi3sr6xwxigmvlz"></icon> </button> </div> </div> <!----> <code id="i18n_slide_list_current_slide_aria_label" style="display: none"><!--"Current Item"--></code> </section> </div> </section> </section> <section class="serp-page__results-list"> <div class="search-results-header serp-page__results-heading"> <h1 class="search-results-header__heading"> <span class="search-results-header__count">223</span>Results for "User Interface Prototyping" <!----> </h1> <!----> </div> <ul class="results-list"> <li class="results-list__item"> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-search-card base-search-card--link"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://www.linkedin.com/learning/paths/design-user-experiences-with-figma?trk=learning-topics_learning-search-card_search-card" data-tracking-control-name="learning-topics_learning-search-card_search-card" data-tracking-will-navigate> <span class="sr-only"> Design User Experiences with Figma </span> </a> <div class="search-entity-media search-entity-media--rectangle"> <img class="search-entity-media__img" alt="Design User Experiences with Figma" data-delayed-url="https://media.licdn.com/dms/image/v2/D560DAQEqgV6I-J3ZIA/learning-public-banner-crop_300_1400/learning-public-banner-crop_300_1400/0/1718666027525?e=2147483647&amp;v=beta&amp;t=ACmR6wtddF77ntm_pHixu5eiwGyUa4l4MzC2w8tNzP8"> <div class="search-entity-media__duration"> 7h 20m </div> <!----> </div> <div class="base-search-card__info"> <h3 class="base-search-card__title"> Design User Experiences with Figma </h3> <!----> <p class="base-search-card__identifier"> Learning Path </p> <!----> </div> <!----> </div> </li> <li class="results-list__item"> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-search-card base-search-card--link"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://www.linkedin.com/learning/lo-fi-to-hi-fi-prototyping-in-figma?trk=learning-topics_learning-search-card_search-card" data-tracking-control-name="learning-topics_learning-search-card_search-card" data-tracking-will-navigate> <span class="sr-only"> Lo-Fi to Hi-Fi: Prototyping in Figma </span> </a> <div class="search-entity-media search-entity-media--rectangle"> <img class="search-entity-media__img" alt="Lo-Fi to Hi-Fi: Prototyping in Figma" data-delayed-url="https://media.licdn.com/dms/image/v2/C4E0DAQGoBjOAjI9yQA/learning-public-crop_288_512/learning-public-crop_288_512/0/1668799442072?e=2147483647&amp;v=beta&amp;t=Ug1XY27Uinw7YxaIQWnmtbGtyRfosBWBDld1sye536E"> <div class="search-entity-media__duration"> 1h 45m </div> <!----> </div> <div class="base-search-card__info"> <h3 class="base-search-card__title"> Lo-Fi to Hi-Fi: Prototyping in Figma </h3> <h4 class="base-search-card__subtitle"> By: Tanvi Janani </h4> <p class="base-search-card__identifier"> Course </p> <div class="base-search-card__metadata"> <span class="base-search-card__metadata-item">8,754 viewers</span> <span class="base-search-card__metadata-item">Released Nov 22, 2022</span> </div> </div> <!----> </div> </li> <li class="results-list__item"> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-search-card base-search-card--link"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://www.linkedin.com/learning/figma-animating-design-prototypes/smart-animate-transitions-in-figma-24636008?trk=learning-topics_learning-search-card_search-card" data-tracking-control-name="learning-topics_learning-search-card_search-card" data-tracking-will-navigate> <span class="sr-only"> Smart Animate transitions in Figma </span> </a> <div class="search-entity-media search-entity-media--rectangle"> <img class="search-entity-media__img" alt="Smart Animate transitions in Figma" data-delayed-url="https://media.licdn.com/dms/image/v2/D4E0DAQEn2Ve41NOiWQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1726596369774?e=2147483647&amp;v=beta&amp;t=LSF4cccnBzVI2Zem_I3wAkZcrcYNgWECgVvfHp7BR4g"> <div class="search-entity-media__duration"> 2m </div> <!----> </div> <div class="base-search-card__info"> <h3 class="base-search-card__title"> Smart Animate transitions in Figma </h3> <h4 class="base-search-card__subtitle"> From: Figma: Animating Design Prototypes </h4> <p class="base-search-card__identifier"> Video </p> <!----> </div> <!----> </div> </li> <li class="results-list__item"> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-search-card base-search-card--link"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://www.linkedin.com/learning/figma-animating-design-prototypes?trk=learning-topics_learning-search-card_search-card" data-tracking-control-name="learning-topics_learning-search-card_search-card" data-tracking-will-navigate> <span class="sr-only"> Figma: Animating Design Prototypes </span> </a> <div class="search-entity-media search-entity-media--rectangle"> <img class="search-entity-media__img" alt="Figma: Animating Design Prototypes" data-delayed-url="https://media.licdn.com/dms/image/v2/D4E0DAQEn2Ve41NOiWQ/learning-public-crop_288_512/learning-public-crop_288_512/0/1726596370198?e=2147483647&amp;v=beta&amp;t=AxZmINo2Yw0vA3wixWIbopkbrAPwp7AyqaygD8XffG8"> <div class="search-entity-media__duration"> 1h 46m </div> <!----> </div> <div class="base-search-card__info"> <h3 class="base-search-card__title"> Figma: Animating Design Prototypes </h3> <h4 class="base-search-card__subtitle"> By: Joseph Labrecque </h4> <p class="base-search-card__identifier"> Course </p> <div class="base-search-card__metadata"> <!----> <span class="base-search-card__metadata-item">Released Oct 8, 2024</span> </div> </div> <!----> </div> </li> <li class="results-list__item"> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-search-card base-search-card--link"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://www.linkedin.com/learning/principle-for-ux-design-22683376?trk=learning-topics_learning-search-card_search-card" data-tracking-control-name="learning-topics_learning-search-card_search-card" data-tracking-will-navigate> <span class="sr-only"> Principle for UX Design </span> </a> <div class="search-entity-media search-entity-media--rectangle"> <img class="search-entity-media__img" alt="Principle for UX Design" data-delayed-url="https://media.licdn.com/dms/image/v2/D560DAQE0PyG36XKe-Q/learning-public-crop_288_512/learning-public-crop_288_512/0/1691431562795?e=2147483647&amp;v=beta&amp;t=-MIsl1_k3dN4K_xCB7ranCp7y7JZIeYG1ug7Jr2aW_4"> <div class="search-entity-media__duration"> 3h 13m </div> <!----> </div> <div class="base-search-card__info"> <h3 class="base-search-card__title"> Principle for UX Design </h3> <h4 class="base-search-card__subtitle"> By: Tom Green </h4> <p class="base-search-card__identifier"> Course </p> <div class="base-search-card__metadata"> <span class="base-search-card__metadata-item">8,694 viewers</span> <span class="base-search-card__metadata-item">Released Aug 10, 2023</span> </div> </div> <!----> </div> </li> <li class="results-list__item"> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-search-card base-search-card--link"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://www.linkedin.com/learning/figma-animating-design-prototypes/designing-with-animated-gif-files-24633009?trk=learning-topics_learning-search-card_search-card" data-tracking-control-name="learning-topics_learning-search-card_search-card" data-tracking-will-navigate> <span class="sr-only"> Designing with animated GIF files </span> </a> <div class="search-entity-media search-entity-media--rectangle"> <img class="search-entity-media__img" alt="Designing with animated GIF files" data-delayed-url="https://media.licdn.com/dms/image/v2/D4E0DAQEn2Ve41NOiWQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1726596369774?e=2147483647&amp;v=beta&amp;t=LSF4cccnBzVI2Zem_I3wAkZcrcYNgWECgVvfHp7BR4g"> <div class="search-entity-media__duration"> 4m </div> <!----> </div> <div class="base-search-card__info"> <h3 class="base-search-card__title"> Designing with animated GIF files </h3> <h4 class="base-search-card__subtitle"> From: Figma: Animating Design Prototypes </h4> <p class="base-search-card__identifier"> Video </p> <!----> </div> <!----> </div> </li> <li class="results-list__item"> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-search-card base-search-card--link"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://www.linkedin.com/learning/uxpin-for-ux-design-2/create-user-flow-diagrams?trk=learning-topics_learning-search-card_search-card" data-tracking-control-name="learning-topics_learning-search-card_search-card" data-tracking-will-navigate> <span class="sr-only"> Create user flow diagrams </span> </a> <div class="search-entity-media search-entity-media--rectangle"> <img class="search-entity-media__img" alt="Create user flow diagrams" data-delayed-url="https://media.licdn.com/dms/image/v2/C510DAQG94J2agKDwJA/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1580157368464?e=2147483647&amp;v=beta&amp;t=VMF-6sYU87mPudqbw06q2a3_QKjDg1tXzUIGhjXIGTA"> <div class="search-entity-media__duration"> 4m </div> <!----> </div> <div class="base-search-card__info"> <h3 class="base-search-card__title"> Create user flow diagrams </h3> <h4 class="base-search-card__subtitle"> From: UXPin for UX Design </h4> <p class="base-search-card__identifier"> Video </p> <!----> </div> <!----> </div> </li> <li class="results-list__item"> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-search-card base-search-card--link"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://www.linkedin.com/learning/uxpin-for-ux-design-2/design-a-carousel?trk=learning-topics_learning-search-card_search-card" data-tracking-control-name="learning-topics_learning-search-card_search-card" data-tracking-will-navigate> <span class="sr-only"> Design a carousel </span> </a> <div class="search-entity-media search-entity-media--rectangle"> <img class="search-entity-media__img" alt="Design a carousel" data-delayed-url="https://media.licdn.com/dms/image/v2/C510DAQG94J2agKDwJA/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1580157368464?e=2147483647&amp;v=beta&amp;t=VMF-6sYU87mPudqbw06q2a3_QKjDg1tXzUIGhjXIGTA"> <div class="search-entity-media__duration"> 5m </div> <!----> </div> <div class="base-search-card__info"> <h3 class="base-search-card__title"> Design a carousel </h3> <h4 class="base-search-card__subtitle"> From: UXPin for UX Design </h4> <p class="base-search-card__identifier"> Video </p> <!----> </div> <!----> </div> </li> <li class="results-list__item"> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-search-card base-search-card--link"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://www.linkedin.com/learning/prototyping-microinteractions-with-adobe-animate/what-you-should-know?trk=learning-topics_learning-search-card_search-card" data-tracking-control-name="learning-topics_learning-search-card_search-card" data-tracking-will-navigate> <span class="sr-only"> What you should know </span> </a> <div class="search-entity-media search-entity-media--rectangle"> <img class="search-entity-media__img" alt="What you should know" data-delayed-url="https://media.licdn.com/dms/image/v2/C4E0DAQGzxNJGWywTxw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1568666210240?e=2147483647&amp;v=beta&amp;t=qqLaKwTP395mXXVYn0Iv3Y3D9otF-puAaURgQZ9TTSQ"> <div class="search-entity-media__duration"> 39s </div> <!----> </div> <div class="base-search-card__info"> <h3 class="base-search-card__title"> What you should know </h3> <h4 class="base-search-card__subtitle"> From: Prototyping Microinteractions with Adobe Animate </h4> <p class="base-search-card__identifier"> Video </p> <!----> </div> <!----> </div> </li> <li class="results-list__item"> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-search-card base-search-card--link"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://www.linkedin.com/learning/adobe-xd-essential-training-prototype?trk=learning-topics_learning-search-card_search-card" data-tracking-control-name="learning-topics_learning-search-card_search-card" data-tracking-will-navigate> <span class="sr-only"> Adobe XD Essential Training: Prototype </span> </a> <div class="search-entity-media search-entity-media--rectangle"> <img class="search-entity-media__img" alt="Adobe XD Essential Training: Prototype" data-delayed-url="https://media.licdn.com/dms/image/v2/C560DAQEXXWYA_QRuDw/learning-public-crop_288_512/learning-public-crop_288_512/0/1635877344665?e=2147483647&amp;v=beta&amp;t=_mmeT4JQdE21FMtdYGbYTJaXXCCG706y6s1WgmIUWOo"> <div class="search-entity-media__duration"> 1h 17m </div> <!----> </div> <div class="base-search-card__info"> <h3 class="base-search-card__title"> Adobe XD Essential Training: Prototype </h3> <h4 class="base-search-card__subtitle"> By: Dani Beaumont </h4> <p class="base-search-card__identifier"> Course </p> <div class="base-search-card__metadata"> <span class="base-search-card__metadata-item">8,133 viewers</span> <span class="base-search-card__metadata-item">Released Nov 4, 2021</span> </div> </div> <!----> </div> </li> <li class="results-list__item"> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-search-card base-search-card--link"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://www.linkedin.com/learning/principle-for-ux-design-22683376/control-audio-volume?trk=learning-topics_learning-search-card_search-card" data-tracking-control-name="learning-topics_learning-search-card_search-card" data-tracking-will-navigate> <span class="sr-only"> Control video playback </span> </a> <div class="search-entity-media search-entity-media--rectangle"> <img class="search-entity-media__img" alt="Control video playback" data-delayed-url="https://media.licdn.com/dms/image/v2/D560DAQE0PyG36XKe-Q/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691431562795?e=2147483647&amp;v=beta&amp;t=N-iXDePBE29bwTSXoEz5qtWBDP-WW2YI3jT82PPT3ug"> <div class="search-entity-media__duration"> 4m </div> <!----> </div> <div class="base-search-card__info"> <h3 class="base-search-card__title"> Control video playback </h3> <h4 class="base-search-card__subtitle"> From: Principle for UX Design </h4> <p class="base-search-card__identifier"> Video </p> <!----> </div> <!----> </div> </li> <li class="results-list__item"> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-search-card base-search-card--link"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://www.linkedin.com/learning/ux-foundations-prototyping-23479952?trk=learning-topics_learning-search-card_search-card" data-tracking-control-name="learning-topics_learning-search-card_search-card" data-tracking-will-navigate> <span class="sr-only"> UX Foundations: Prototyping </span> </a> <div class="search-entity-media search-entity-media--rectangle"> <img class="search-entity-media__img" alt="UX Foundations: Prototyping" data-delayed-url="https://media.licdn.com/dms/image/v2/D560DAQEWpj32ap-YLg/learning-public-crop_288_512/learning-public-crop_288_512/0/1709853697807?e=2147483647&amp;v=beta&amp;t=qxxXbtBiBX0mQtPVxwawHIMkd_xC3HjZqaAH7rVFpNk"> <div class="search-entity-media__duration"> 41m </div> <!----> </div> <div class="base-search-card__info"> <h3 class="base-search-card__title"> UX Foundations: Prototyping </h3> <h4 class="base-search-card__subtitle"> By: Diane Cronenwett </h4> <p class="base-search-card__identifier"> Course </p> <div class="base-search-card__metadata"> <span class="base-search-card__metadata-item">4,395 viewers</span> <span class="base-search-card__metadata-item">Released Mar 11, 2024</span> </div> </div> <!----> </div> </li> <li class="results-list__item"> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-search-card base-search-card--link"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://www.linkedin.com/learning/adobe-xd-essential-training-prototype/hyperlinks?trk=learning-topics_learning-search-card_search-card" data-tracking-control-name="learning-topics_learning-search-card_search-card" data-tracking-will-navigate> <span class="sr-only"> Hyperlinks </span> </a> <div class="search-entity-media search-entity-media--rectangle"> <img class="search-entity-media__img" alt="Hyperlinks" data-delayed-url="https://media.licdn.com/dms/image/v2/C560DAQEXXWYA_QRuDw/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1635877344665?e=2147483647&amp;v=beta&amp;t=5rcMogn5-W2jzc436Frp4YlETSFrWfO3lGwfDMIMFOQ"> <div class="search-entity-media__duration"> 6m </div> <!----> </div> <div class="base-search-card__info"> <h3 class="base-search-card__title"> Hyperlinks </h3> <h4 class="base-search-card__subtitle"> From: Adobe XD Essential Training: Prototype </h4> <p class="base-search-card__identifier"> Video </p> <!----> </div> <!----> </div> </li> <li class="results-list__item"> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-search-card base-search-card--link"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://www.linkedin.com/learning/figma-animating-design-prototypes/adjusting-transition-duration-24633010?trk=learning-topics_learning-search-card_search-card" data-tracking-control-name="learning-topics_learning-search-card_search-card" data-tracking-will-navigate> <span class="sr-only"> Adjusting transition duration </span> </a> <div class="search-entity-media search-entity-media--rectangle"> <img class="search-entity-media__img" alt="Adjusting transition duration" data-delayed-url="https://media.licdn.com/dms/image/v2/D4E0DAQEn2Ve41NOiWQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1726596369774?e=2147483647&amp;v=beta&amp;t=LSF4cccnBzVI2Zem_I3wAkZcrcYNgWECgVvfHp7BR4g"> <div class="search-entity-media__duration"> 2m </div> <!----> </div> <div class="base-search-card__info"> <h3 class="base-search-card__title"> Adjusting transition duration </h3> <h4 class="base-search-card__subtitle"> From: Figma: Animating Design Prototypes </h4> <p class="base-search-card__identifier"> Video </p> <!----> </div> <!----> </div> </li> <li class="results-list__item"> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-search-card base-search-card--link"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://www.linkedin.com/learning/figma-animating-design-prototypes/examining-linear-transitions-24635007?trk=learning-topics_learning-search-card_search-card" data-tracking-control-name="learning-topics_learning-search-card_search-card" data-tracking-will-navigate> <span class="sr-only"> Examining linear transitions </span> </a> <div class="search-entity-media search-entity-media--rectangle"> <img class="search-entity-media__img" alt="Examining linear transitions" data-delayed-url="https://media.licdn.com/dms/image/v2/D4E0DAQEn2Ve41NOiWQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1726596369774?e=2147483647&amp;v=beta&amp;t=LSF4cccnBzVI2Zem_I3wAkZcrcYNgWECgVvfHp7BR4g"> <div class="search-entity-media__duration"> 2m </div> <!----> </div> <div class="base-search-card__info"> <h3 class="base-search-card__title"> Examining linear transitions </h3> <h4 class="base-search-card__subtitle"> From: Figma: Animating Design Prototypes </h4> <p class="base-search-card__identifier"> Video </p> <!----> </div> <!----> </div> </li> <li class="results-list__item"> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-search-card base-search-card--link"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://www.linkedin.com/learning/figma-animating-design-prototypes/slide-in-slide-out-transitions-in-figma-24634009?trk=learning-topics_learning-search-card_search-card" data-tracking-control-name="learning-topics_learning-search-card_search-card" data-tracking-will-navigate> <span class="sr-only"> Slide in and slide out transitions in Figma </span> </a> <div class="search-entity-media search-entity-media--rectangle"> <img class="search-entity-media__img" alt="Slide in and slide out transitions in Figma" data-delayed-url="https://media.licdn.com/dms/image/v2/D4E0DAQEn2Ve41NOiWQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1726596369774?e=2147483647&amp;v=beta&amp;t=LSF4cccnBzVI2Zem_I3wAkZcrcYNgWECgVvfHp7BR4g"> <div class="search-entity-media__duration"> 1m </div> <!----> </div> <div class="base-search-card__info"> <h3 class="base-search-card__title"> Slide in and slide out transitions in Figma </h3> <h4 class="base-search-card__subtitle"> From: Figma: Animating Design Prototypes </h4> <p class="base-search-card__identifier"> Video </p> <!----> </div> <!----> </div> </li> <li class="results-list__item"> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-search-card base-search-card--link"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://www.linkedin.com/learning/figma-animating-design-prototypes/resetting-scroll-position-24634007?trk=learning-topics_learning-search-card_search-card" data-tracking-control-name="learning-topics_learning-search-card_search-card" data-tracking-will-navigate> <span class="sr-only"> Resetting scroll position </span> </a> <div class="search-entity-media search-entity-media--rectangle"> <img class="search-entity-media__img" alt="Resetting scroll position" data-delayed-url="https://media.licdn.com/dms/image/v2/D4E0DAQEn2Ve41NOiWQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1726596369774?e=2147483647&amp;v=beta&amp;t=LSF4cccnBzVI2Zem_I3wAkZcrcYNgWECgVvfHp7BR4g"> <div class="search-entity-media__duration"> 2m </div> <!----> </div> <div class="base-search-card__info"> <h3 class="base-search-card__title"> Resetting scroll position </h3> <h4 class="base-search-card__subtitle"> From: Figma: Animating Design Prototypes </h4> <p class="base-search-card__identifier"> Video </p> <!----> </div> <!----> </div> </li> <li class="results-list__item"> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-search-card base-search-card--link"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://www.linkedin.com/learning/principle-for-ux-design-22683376/create-motion-arcs?trk=learning-topics_learning-search-card_search-card" data-tracking-control-name="learning-topics_learning-search-card_search-card" data-tracking-will-navigate> <span class="sr-only"> Create motion arcs </span> </a> <div class="search-entity-media search-entity-media--rectangle"> <img class="search-entity-media__img" alt="Create motion arcs" data-delayed-url="https://media.licdn.com/dms/image/v2/D560DAQE0PyG36XKe-Q/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1691431562795?e=2147483647&amp;v=beta&amp;t=N-iXDePBE29bwTSXoEz5qtWBDP-WW2YI3jT82PPT3ug"> <div class="search-entity-media__duration"> 3m </div> <!----> </div> <div class="base-search-card__info"> <h3 class="base-search-card__title"> Create motion arcs </h3> <h4 class="base-search-card__subtitle"> From: Principle for UX Design </h4> <p class="base-search-card__identifier"> Video </p> <!----> </div> <!----> </div> </li> <li class="results-list__item"> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-search-card base-search-card--link"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://www.linkedin.com/learning/figma-animating-design-prototypes/applying-motion-presets-24630011?trk=learning-topics_learning-search-card_search-card" data-tracking-control-name="learning-topics_learning-search-card_search-card" data-tracking-will-navigate> <span class="sr-only"> Applying motion presets </span> </a> <div class="search-entity-media search-entity-media--rectangle"> <img class="search-entity-media__img" alt="Applying motion presets" data-delayed-url="https://media.licdn.com/dms/image/v2/D4E0DAQEn2Ve41NOiWQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1726596369774?e=2147483647&amp;v=beta&amp;t=LSF4cccnBzVI2Zem_I3wAkZcrcYNgWECgVvfHp7BR4g"> <div class="search-entity-media__duration"> 4m </div> <!----> </div> <div class="base-search-card__info"> <h3 class="base-search-card__title"> Applying motion presets </h3> <h4 class="base-search-card__subtitle"> From: Figma: Animating Design Prototypes </h4> <p class="base-search-card__identifier"> Video </p> <!----> </div> <!----> </div> </li> <li class="results-list__item"> <div class="base-card relative w-full hover:no-underline focus:no-underline base-card--link base-search-card base-search-card--link"> <a class="base-card__full-link absolute top-0 right-0 bottom-0 left-0 p-0 z-[2]" href="https://www.linkedin.com/learning/figma-animating-design-prototypes/using-videos-to-add-motion-24632010?trk=learning-topics_learning-search-card_search-card" data-tracking-control-name="learning-topics_learning-search-card_search-card" data-tracking-will-navigate> <span class="sr-only"> Using videos to add motion </span> </a> <div class="search-entity-media search-entity-media--rectangle"> <img class="search-entity-media__img" alt="Using videos to add motion" data-delayed-url="https://media.licdn.com/dms/image/v2/D4E0DAQEn2Ve41NOiWQ/learning-public-crop_675_1200/learning-public-crop_675_1200/0/1726596369774?e=2147483647&amp;v=beta&amp;t=LSF4cccnBzVI2Zem_I3wAkZcrcYNgWECgVvfHp7BR4g"> <div class="search-entity-media__duration"> 3m </div> <!----> </div> <div class="base-search-card__info"> <h3 class="base-search-card__title"> Using videos to add motion </h3> <h4 class="base-search-card__subtitle"> From: Figma: Animating Design Prototypes </h4> <p class="base-search-card__identifier"> Video </p> <!----> </div> <!----> </div> </li> </ul> <div class="see-all-results-cta"> <h3 class="see-all-results-cta__header"> Not seeing what you’re looking for? Join now to see all 223 results. </h3> <a class="see-all-results-cta__link" href="https://www.linkedin.com/signup/cold-join?session_redirect=https%3A%2F%2Fwww%2Elinkedin%2Ecom%2Flearning%2Ftopics%2Fuser-interface-prototyping&amp;source=subs_learn_start&amp;trk=learning-topics_see-all-results-cta" data-tracking-control-name="learning-topics_see-all-results-cta" data-tracking-will-navigate> Join now </a> </div> </section> </main> <aside class="serp-page__aside"> <!----> <section class="aside-section-container mb-4 aside-topics sidebar__related-topics"> <h2 class="aside-section-container__title section-title"> Explore Related Topics </h2> <!----> <div class="aside-section-container__content break-words"> <ul class="aside-topics__pill-list"> <li class="aside-topics__pill-list-item"> <a href="https://www.linkedin.com/learning/topics/photo-restoration?trk=learning-topics_aside-topics" data-tracking-control-name="learning-topics_aside-topics" data-tracking-will-navigate class="pill pill--allow-multiline flex w-fit mr-[6px] mb-1 hover:no-underline aside-topics__pill"> Photo Restoration </a> </li> <li class="aside-topics__pill-list-item"> <a href="https://www.linkedin.com/learning/topics/portrait-photography?trk=learning-topics_aside-topics" data-tracking-control-name="learning-topics_aside-topics" data-tracking-will-navigate class="pill pill--allow-multiline flex w-fit mr-[6px] mb-1 hover:no-underline aside-topics__pill"> Portrait Photography </a> </li> <li class="aside-topics__pill-list-item"> <a href="https://www.linkedin.com/learning/topics/product-photography?trk=learning-topics_aside-topics" data-tracking-control-name="learning-topics_aside-topics" data-tracking-will-navigate class="pill pill--allow-multiline flex w-fit mr-[6px] mb-1 hover:no-underline aside-topics__pill"> Product Photography </a> </li> <li class="aside-topics__pill-list-item"> <a href="https://www.linkedin.com/learning/topics/raw-processing?trk=learning-topics_aside-topics" data-tracking-control-name="learning-topics_aside-topics" data-tracking-will-navigate class="pill pill--allow-multiline flex w-fit mr-[6px] mb-1 hover:no-underline aside-topics__pill"> Raw Processing </a> </li> <li class="aside-topics__pill-list-item"> <a href="https://www.linkedin.com/learning/topics/retouching?trk=learning-topics_aside-topics" data-tracking-control-name="learning-topics_aside-topics" data-tracking-will-navigate class="pill pill--allow-multiline flex w-fit mr-[6px] mb-1 hover:no-underline aside-topics__pill"> Retouching </a> </li> <li class="aside-topics__pill-list-item"> <a href="https://www.linkedin.com/learning/topics/street-photography?trk=learning-topics_aside-topics" data-tracking-control-name="learning-topics_aside-topics" data-tracking-will-navigate class="pill pill--allow-multiline flex w-fit mr-[6px] mb-1 hover:no-underline aside-topics__pill"> Street Photography </a> </li> <li class="aside-topics__pill-list-item"> <a href="https://www.linkedin.com/learning/topics/time-lapse-photography?trk=learning-topics_aside-topics" data-tracking-control-name="learning-topics_aside-topics" data-tracking-will-navigate class="pill pill--allow-multiline flex w-fit mr-[6px] mb-1 hover:no-underline aside-topics__pill"> Time-Lapse Photography </a> </li> <li class="aside-topics__pill-list-item"> <a href="https://www.linkedin.com/learning/topics/travel-photography?trk=learning-topics_aside-topics" data-tracking-control-name="learning-topics_aside-topics" data-tracking-will-navigate class="pill pill--allow-multiline flex w-fit mr-[6px] mb-1 hover:no-underline aside-topics__pill"> Travel Photography </a> </li> <li class="aside-topics__pill-list-item"> <a href="https://www.linkedin.com/learning/topics/ux-design?trk=learning-topics_aside-topics" data-tracking-control-name="learning-topics_aside-topics" data-tracking-will-navigate class="pill pill--allow-multiline flex w-fit mr-[6px] mb-1 hover:no-underline aside-topics__pill"> UX Design </a> </li> <li class="aside-topics__pill-list-item"> <a href="https://www.linkedin.com/learning/topics/wedding-photography?trk=learning-topics_aside-topics" data-tracking-control-name="learning-topics_aside-topics" data-tracking-will-navigate class="pill pill--allow-multiline flex w-fit mr-[6px] mb-1 hover:no-underline aside-topics__pill"> Wedding Photography </a> </li> </ul> </div> </section> <div class="buy-for-your-team-cta"> <p class="buy-for-your-team-cta__text">Buy LinkedIn Learning for your business, higher education, or government team</p> <a class="buy-for-your-team-cta__link" href="/learning/subscription/teams?veh=lil_upx&amp;src=li-lil-upsell&amp;trk=learning-topics_buy-for-your-team-cta" data-tracking-control-name="learning-topics_buy-for-your-team-cta" data-tracking-impression-name="lil_upsell_learning-topics_buy-for-your-team-cta_teambuy" data-test-live-buy-for-your-team-upsell data-tracking-will-navigate> Buy for my team </a> </div> </aside> </div> <section class="tw-linkster bg-cool-gray-20 browse-map" data-impression-id="learning-topics_linkster" data-js-module-id="linkster"> <div class="max-w-screen-content-max-w w-full flex justify-between my-0 mx-auto mamabear:px-3 babybear:px-2 babybear:flex-col"> <div class="flex-1 w-1/2 pt-2 pr-4 pb-4 pl-0 babybear:pb-2 babybear:w-full babybear:border-b-1 babybear:border-solid babybear:border-color-border-low-emphasis babybear:last:border-b-0"> <h3 class="text-md font-bold text-color-text leading-open"> Explore Business Topics </h3> <ul class="my-1"> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/business-analysis-and-strategy?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> Business Analysis and Strategy </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/business-software-and-tools?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> Business Software and Tools </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/career-development-5?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> Career Development </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/customer-service-3?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> Customer Service </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/diversity-equity-and-inclusion-dei?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> Diversity, Equity, and Inclusion (DEI) </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/finance-and-accounting?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> Finance and Accounting </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/human-resources-3?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> Human Resources </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/leadership-and-management?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> Leadership and Management </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/marketing-2?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> Marketing </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/professional-development?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> Professional Development </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/project-management?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> Project Management </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/sales-3?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> Sales </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/small-business-and-entrepreneurship?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> Small Business and Entrepreneurship </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/training-and-education?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> Training and Education </a> </li> </ul> <a class="link tw-linkster-general-link" aria-label="See all business courses" href="https://www.linkedin.com/learning/topics/business?trk=learning-topics_browsemap_general-link" data-tracking-control-name="learning-topics_browsemap_general-link" data-tracking-will-navigate> See all </a> </div> <div class="flex-1 w-1/2 pt-2 pr-4 pb-4 pl-0 babybear:pb-2 babybear:w-full babybear:border-b-1 babybear:border-solid babybear:border-color-border-low-emphasis babybear:last:border-b-0"> <h3 class="text-md font-bold text-color-text leading-open"> Explore Creative Topics </h3> <ul class="my-1"> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/aec?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> AEC </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/animation-and-illustration?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> Animation and Illustration </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/audio-and-music?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> Audio and Music </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/graphic-design?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> Graphic Design </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/motion-graphics-and-vfx?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> Motion Graphics and VFX </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/photography-2?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> Photography </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/product-and-manufacturing?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> Product and Manufacturing </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/user-experience?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> User Experience </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/2015-54?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> Video </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/visualization-and-real-time?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> Visualization and Real-Time </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/web-design?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> Web Design </a> </li> </ul> <a class="link tw-linkster-general-link" aria-label="See all creative courses" href="https://www.linkedin.com/learning/topics/creative?trk=learning-topics_browsemap_general-link" data-tracking-control-name="learning-topics_browsemap_general-link" data-tracking-will-navigate> See all </a> </div> <div class="flex-1 w-1/2 pt-2 pr-4 pb-4 pl-0 babybear:pb-2 babybear:w-full babybear:border-b-1 babybear:border-solid babybear:border-color-border-low-emphasis babybear:last:border-b-0"> <h3 class="text-md font-bold text-color-text leading-open"> Explore Technology Topics </h3> <ul class="my-1"> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/artificial-intelligence?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> Artificial Intelligence (AI) </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/cloud-computing-5?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> Cloud Computing </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/security-3?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> Cybersecurity </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/data-science?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> Data Science </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/database-management?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> Database Management </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/devops?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> DevOps </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/hardware?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> Hardware </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/it-help-desk-5?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> IT Help Desk </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/mobile-development?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> Mobile Development </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/network-and-system-administration?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> Network and System Administration </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/software-development?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> Software Development </a> </li> <li class="tw-link-column-item"> <a class="link tw-linkster-link" href="https://www.linkedin.com/learning/topics/web-development?trk=learning-topics_browsemap_link" data-js-module-id="link-column-link" data-tracking-control-name="learning-topics_browsemap_link" data-tracking-will-navigate> Web Development </a> </li> </ul> <a class="link tw-linkster-general-link" aria-label="See all technology courses" href="https://www.linkedin.com/learning/topics/technology?trk=learning-topics_browsemap_general-link" data-tracking-control-name="learning-topics_browsemap_general-link" data-tracking-will-navigate> See all </a> </div> </div> </section> <footer class="li-footer bg-transparent w-full "> <ul class="li-footer__list flex flex-wrap flex-row items-start justify-start w-full h-auto min-h-[50px] my-[0px] mx-auto py-3 px-2 papabear:w-[1128px] papabear:p-0"> <li class="li-footer__item font-sans text-xs text-color-text-low-emphasis flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <span class="sr-only">LinkedIn</span> <icon class="li-footer__copy-logo text-color-logo-brand-alt inline-block self-center h-[14px] w-[56px] mr-1" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/e12h2cd8ac580qen9qdd0qks8"></icon> <span class="li-footer__copy-text flex items-center">&copy; 2024</span> </li> <li class="li-footer__item font-sans text-xs text-color-text-low-emphasis flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-low-emphasis hover:text-color-link-hover focus:text-color-link-focus" href="https://about.linkedin.com?trk=learning-topics_footer-about" data-tracking-control-name="learning-topics_footer-about" data-tracking-will-navigate> About </a> </li> <li class="li-footer__item font-sans text-xs text-color-text-low-emphasis flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-low-emphasis hover:text-color-link-hover focus:text-color-link-focus" href="https://www.linkedin.com/accessibility?trk=learning-topics_footer-accessibility" data-tracking-control-name="learning-topics_footer-accessibility" data-tracking-will-navigate> Accessibility </a> </li> <li class="li-footer__item font-sans text-xs text-color-text-low-emphasis flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-low-emphasis hover:text-color-link-hover focus:text-color-link-focus" href="https://www.linkedin.com/legal/user-agreement?trk=learning-topics_footer-user-agreement" data-tracking-control-name="learning-topics_footer-user-agreement" data-tracking-will-navigate> User Agreement </a> </li> <li class="li-footer__item font-sans text-xs text-color-text-low-emphasis flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-low-emphasis hover:text-color-link-hover focus:text-color-link-focus" href="https://www.linkedin.com/legal/privacy-policy?trk=learning-topics_footer-privacy-policy" data-tracking-control-name="learning-topics_footer-privacy-policy" data-tracking-will-navigate> Privacy Policy </a> </li> <!----> <li class="li-footer__item font-sans text-xs text-color-text-low-emphasis flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-low-emphasis hover:text-color-link-hover focus:text-color-link-focus" href="https://www.linkedin.com/legal/cookie-policy?trk=learning-topics_footer-cookie-policy" data-tracking-control-name="learning-topics_footer-cookie-policy" data-tracking-will-navigate> Cookie Policy </a> </li> <li class="li-footer__item font-sans text-xs text-color-text-low-emphasis flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-low-emphasis hover:text-color-link-hover focus:text-color-link-focus" href="https://www.linkedin.com/legal/copyright-policy?trk=learning-topics_footer-copyright-policy" data-tracking-control-name="learning-topics_footer-copyright-policy" data-tracking-will-navigate> Copyright Policy </a> </li> <li class="li-footer__item font-sans text-xs text-color-text-low-emphasis flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-low-emphasis hover:text-color-link-hover focus:text-color-link-focus" href="https://brand.linkedin.com/policies?trk=learning-topics_footer-brand-policy" data-tracking-control-name="learning-topics_footer-brand-policy" data-tracking-will-navigate> Brand Policy </a> </li> <li class="li-footer__item font-sans text-xs text-color-text-low-emphasis flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-low-emphasis hover:text-color-link-hover focus:text-color-link-focus" href="https://www.linkedin.com/psettings/guest-controls?trk=learning-topics_footer-guest-controls" data-tracking-control-name="learning-topics_footer-guest-controls" data-tracking-will-navigate> Guest Controls </a> </li> <li class="li-footer__item font-sans text-xs text-color-text-low-emphasis flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <a class="li-footer__item-link flex items-center font-sans text-xs font-bold text-color-text-low-emphasis hover:text-color-link-hover focus:text-color-link-focus" href="https://www.linkedin.com/legal/professional-community-policies?trk=learning-topics_footer-community-guide" data-tracking-control-name="learning-topics_footer-community-guide" data-tracking-will-navigate> Community Guidelines </a> </li> <!----> <li class="li-footer__item font-sans text-xs text-color-text-low-emphasis flex flex-shrink-0 justify-start p-1 relative w-50% papabear:justify-center papabear:w-auto"> <div class="collapsible-dropdown collapsible-dropdown--footer collapsible-dropdown--up flex items-center relative hyphens-auto language-selector z-2"> <!----> <ul class="collapsible-dropdown__list hidden container-raised absolute w-auto overflow-y-auto flex-col items-stretch z-1 bottom-[100%] top-auto" role="menu" tabindex="-1"> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="العربية (Arabic)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-ar_AE" data-locale="ar_AE" role="menuitem" lang="ar_AE"> العربية (Arabic) </button> </li> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="বাংলা (Bangla)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-bn_IN" data-locale="bn_IN" role="menuitem" lang="bn_IN"> বাংলা (Bangla) </button> </li> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="Čeština (Czech)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-cs_CZ" data-locale="cs_CZ" role="menuitem" lang="cs_CZ"> Čeština (Czech) </button> </li> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="Dansk (Danish)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-da_DK" data-locale="da_DK" role="menuitem" lang="da_DK"> Dansk (Danish) </button> </li> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="Deutsch (German)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-de_DE" data-locale="de_DE" role="menuitem" lang="de_DE"> Deutsch (German) </button> </li> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="Ελληνικά (Greek)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-el_GR" data-locale="el_GR" role="menuitem" lang="el_GR"> Ελληνικά (Greek) </button> </li> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="English (English) selected" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link--selected" data-tracking-control-name="language-selector-en_US" data-locale="en_US" role="menuitem" lang="en_US"> <strong>English (English)</strong> </button> </li> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="Español (Spanish)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-es_ES" data-locale="es_ES" role="menuitem" lang="es_ES"> Español (Spanish) </button> </li> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="فارسی (Persian)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-fa_IR" data-locale="fa_IR" role="menuitem" lang="fa_IR"> فارسی (Persian) </button> </li> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="Suomi (Finnish)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-fi_FI" data-locale="fi_FI" role="menuitem" lang="fi_FI"> Suomi (Finnish) </button> </li> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="Français (French)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-fr_FR" data-locale="fr_FR" role="menuitem" lang="fr_FR"> Français (French) </button> </li> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="हिंदी (Hindi)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-hi_IN" data-locale="hi_IN" role="menuitem" lang="hi_IN"> हिंदी (Hindi) </button> </li> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="Magyar (Hungarian)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-hu_HU" data-locale="hu_HU" role="menuitem" lang="hu_HU"> Magyar (Hungarian) </button> </li> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="Bahasa Indonesia (Indonesian)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-in_ID" data-locale="in_ID" role="menuitem" lang="in_ID"> Bahasa Indonesia (Indonesian) </button> </li> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="Italiano (Italian)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-it_IT" data-locale="it_IT" role="menuitem" lang="it_IT"> Italiano (Italian) </button> </li> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="עברית (Hebrew)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-iw_IL" data-locale="iw_IL" role="menuitem" lang="iw_IL"> עברית (Hebrew) </button> </li> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="日本語 (Japanese)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-ja_JP" data-locale="ja_JP" role="menuitem" lang="ja_JP"> 日本語 (Japanese) </button> </li> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="한국어 (Korean)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-ko_KR" data-locale="ko_KR" role="menuitem" lang="ko_KR"> 한국어 (Korean) </button> </li> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="मराठी (Marathi)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-mr_IN" data-locale="mr_IN" role="menuitem" lang="mr_IN"> मराठी (Marathi) </button> </li> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="Bahasa Malaysia (Malay)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-ms_MY" data-locale="ms_MY" role="menuitem" lang="ms_MY"> Bahasa Malaysia (Malay) </button> </li> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="Nederlands (Dutch)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-nl_NL" data-locale="nl_NL" role="menuitem" lang="nl_NL"> Nederlands (Dutch) </button> </li> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="Norsk (Norwegian)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-no_NO" data-locale="no_NO" role="menuitem" lang="no_NO"> Norsk (Norwegian) </button> </li> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="ਪੰਜਾਬੀ (Punjabi)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-pa_IN" data-locale="pa_IN" role="menuitem" lang="pa_IN"> ਪੰਜਾਬੀ (Punjabi) </button> </li> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="Polski (Polish)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-pl_PL" data-locale="pl_PL" role="menuitem" lang="pl_PL"> Polski (Polish) </button> </li> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="Português (Portuguese)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-pt_BR" data-locale="pt_BR" role="menuitem" lang="pt_BR"> Português (Portuguese) </button> </li> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="Română (Romanian)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-ro_RO" data-locale="ro_RO" role="menuitem" lang="ro_RO"> Română (Romanian) </button> </li> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="Русский (Russian)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-ru_RU" data-locale="ru_RU" role="menuitem" lang="ru_RU"> Русский (Russian) </button> </li> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="Svenska (Swedish)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-sv_SE" data-locale="sv_SE" role="menuitem" lang="sv_SE"> Svenska (Swedish) </button> </li> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="తెలుగు (Telugu)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-te_IN" data-locale="te_IN" role="menuitem" lang="te_IN"> తెలుగు (Telugu) </button> </li> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="ภาษาไทย (Thai)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-th_TH" data-locale="th_TH" role="menuitem" lang="th_TH"> ภาษาไทย (Thai) </button> </li> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="Tagalog (Tagalog)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-tl_PH" data-locale="tl_PH" role="menuitem" lang="tl_PH"> Tagalog (Tagalog) </button> </li> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="Türkçe (Turkish)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-tr_TR" data-locale="tr_TR" role="menuitem" lang="tr_TR"> Türkçe (Turkish) </button> </li> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="Українська (Ukrainian)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-uk_UA" data-locale="uk_UA" role="menuitem" lang="uk_UA"> Українська (Ukrainian) </button> </li> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="Tiếng Việt (Vietnamese)" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-vi_VN" data-locale="vi_VN" role="menuitem" lang="vi_VN"> Tiếng Việt (Vietnamese) </button> </li> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="简体中文 (Chinese (Simplified))" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-zh_CN" data-locale="zh_CN" role="menuitem" lang="zh_CN"> 简体中文 (Chinese (Simplified)) </button> </li> <li class="language-selector__item" role="presentation"> <!-- Adding aria-label to both the li and the button because screen reader focus goes to button on desktop and li on mobile--> <button aria-label="正體中文 (Chinese (Traditional))" class="font-sans text-xs link block py-[5px] px-2 w-full hover:cursor-pointer hover:bg-color-action hover:text-color-text-on-dark focus:bg-color-action focus:text-color-text-on-dark language-selector__link !font-regular" data-tracking-control-name="language-selector-zh_TW" data-locale="zh_TW" role="menuitem" lang="zh_TW"> 正體中文 (Chinese (Traditional)) </button> </li> <!----> </ul> <button class="language-selector__button select-none relative pr-2 font-sans text-xs font-bold text-color-text-low-emphasis hover:text-color-link-hover hover:cursor-pointer focus:text-color-link-focus focus:outline-dotted focus:outline-1" aria-expanded="false" data-tracking-control-name="footer-lang-dropdown_trigger"> <span class="language-selector__label-text mr-0.5 break-words"> Language </span> <icon class="language-selector__label-chevron w-2 h-2 absolute top-0 right-0" data-delayed-url="https://static.licdn.com/aero-v1/sc/h/cyolgscd0imw2ldqppkrb84vo"></icon> </button> </div> </li> </ul> <!----> </footer> </div> <script src="https://static.licdn.com/aero-v1/sc/h/eh08muqvrde4h3hc6koyij5ti" async></script> <!----> <script src="https://static.licdn.com/aero-v1/sc/h/ddmgukl5m9inv98n5vuurjrl5" async defer></script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10