Breakpoints for Responsive Design in Figma with Breakpoints Plugin
>> YOUR LINK HERE: ___ http://youtube.com/watch?v=ipwCRvqq8Rg
Learn how to effortlessly create breakpoints for responsive design in Figma using the powerful Breakpoints plugin! In this quick tutorial, we'll show you step-by-step how to set up and manage breakpoints to ensure your designs look perfect on all devices. Perfect for both beginners and experienced designers, this guide will help you master responsive design in no time. • Subscribe to UX Danish for more UI/UX tips, tutorials, and resources!","styleRuns":[{"startIndex":0,"length":442,"styleRunExtensions":{"styleRunColorMapExtension":{"colorMap":[{"key":"USER_INTERFACE_THEME_DARK","value":4294967295},{"key":"USER_INTERFACE_THEME_LIGHT","value":4279440147}]}},"fontFamilyName":"Roboto"}]},"headerRuns":[{"startIndex":0,"length":442,"headerMapping":"ATTRIBUTED_STRING_HEADER_MAPPING_UNSPECIFIED"}]}},{"itemSectionRenderer":{"contents":[{"continuationItemRenderer":{"trigger":"CONTINUATION_TRIGGER_ON_ITEM_SHOWN","continuationEndpoint":{"clickTrackingParams":"CMUBELsvGAIiEwja7of-1JGKAxXpdHoFHdsMLtE=","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/next"}},"continuationCommand":{"token":"Eg0SC2lwd0NSdnFxOFJnGAYyJSIRIgtpcHdDUnZxcThSZzAAeAJCEGNvbW1lbnRzLXNlY3Rpb24%3D","request":"CONTINUATION_REQUEST_TYPE_WATCH_NEXT"}}}}],"trackingParams":"CMUBELsvGAIiEwja7of-1JGKAxXpdHoFHdsMLtE=","sectionIdentifier":"comment-item-section","targetId":"comments-section"}}],"trackingParams":"CMQBELovIhMI2u6H_tSRigMV6XR6BR3bDC7R"}},"secondaryResults":{"secondaryResults":{"results":[{"compactVideoRenderer":{"videoId":"6mu93UPpBJ4","thumbnail":{"thumbnails":[{"url":"https://i.ytimg.com/vi/6mu93UPpBJ4/hqdefault.jpg?sqp=-oaymwEbCKgBEF5IVfKriqkDDggBFQAAiEIYAXABwAEG rs=AOn4CLB8sFmTMbrGKMXtZP7ZHEtvK1cOvw","width":168,"height":94},{"url":"https://i.ytimg.com/vi/6mu93UPpBJ4/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg== rs=AOn4CLBfVvU9hAg0-xKiaQgiU7xpYN4UMQ","width":336,"height":188}]},"title":{"accessibility":{"accessibilityData":{"label":"Figma Tutorial Basics to Advance Auto Layout 2023 āĻĢāĻŋāĻāĻŽāĻž āĻāĻŋāĻāĻā§āĻ°āĻŋāĻ¯āĻŧāĻžāĻ˛ āĻŦā§āĻ¸āĻŋāĻ to āĻ ā§āĻ¯āĻžāĻĄāĻāĻžāĻ¨ā§āĻ¸ āĻ āĻā§ āĻ˛ā§āĻāĻāĻ door DesignOverFlow 9.317 weergaven 1 jaar geleden 46 minuten"}},"simpleText":"Figma Tutorial Basics to Advance Auto Layout 2023 āĻĢāĻŋāĻāĻŽāĻž āĻāĻŋāĻāĻā§āĻ°āĻŋāĻ¯āĻŧāĻžāĻ˛ āĻŦā§āĻ¸āĻŋāĻ to āĻ ā§āĻ¯āĻžāĻĄāĻāĻžāĻ¨ā§āĻ¸ āĻ āĻā§ āĻ˛ā§āĻāĻāĻ"},"longBylineText":{"runs":[{"text":"DesignOverFlow","navigationEndpoint":{"clickTrackingParams":"CL0BEKQwGAAiEwja7of-1JGKAxXpdHoFHdsMLtEyB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@DesignOverFlow","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UCmsd0Ds6mSTZbnlVORfL0zQ","canonicalBaseUrl":"/@DesignOverFlow"}}}]},"publishedTimeText":{"simpleText":"1 jaar geleden"},"viewCountText":{"simpleText":"9.317 weergaven"},"lengthText":{"accessibility":{"accessibilityData":{"label":"46 minuten en 2 seconden"}},"simpleText":"46:02"},"navigationEndpoint":{"clickTrackingParams":"CL0BEKQwGAAiEwja7of-1JGKAxXpdHoFHdsMLtEyB3JlbGF0ZWRImOKr1e_IgM6KAZoBBQgBEPgd","commandMetadata":{"webCommandMetadata":{"url":"/watch?v=6mu93UPpBJ4","webPageType":"WEB_PAGE_TYPE_WATCH","rootVe":3832}},"watchEndpoint":{"videoId":"6mu93UPpBJ4","nofollow":true,"watchEndpointSupportedOnesieConfig":{"html5PlaybackOnesieConfig":{"commonConfig":{"url":"https://rr3---sn-5hne6nsr.googlevideo.com/initplayback?source=youtube oeis=1 c=WEB oad=3200 ovd=3200 oaad=11000 oavd=11000 ocs=700 oewis=1 oputc=1 ofpcc=1 msp=1 odepv=1 id=ea6bbddd43e9049e ip=185.14.28.206 mt=1733435967 oweuc="}}}}},"shortBylineText":{"runs":[{"text":"DesignOverFlow","navigationEndpoint":{"clickTrackingParams":"CL0BEKQwGAAiEwja7of-1JGKAxXpdHoFHdsMLtEyB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@DesignOverFlow","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UCmsd0Ds6mSTZbnlVORfL0zQ","canonicalBaseUrl":"/@DesignOverFlow"}}}]},"channelThumbnail":{"thumbnails":[{"url":"https://yt3.ggpht.com/VxYQOigNc_AhrmlZLUoYt5sHKFR85rc7sfknP67QfvJ5f2_AbnBWpTjJqldNRJZK7mge6ejY9g=s68-c-k-c0x00ffffff-no-rj","width":68,"height":68}]},"trackingParams":"CL0BEKQwGAAiEwja7of-1JGKAxXpdHoFHdsMLtFAnomkn9S777XqAQ==","shortViewCountText":{"accessibility":{"accessibilityData":{"label":"9,3 duizend weergaven"}},"simpleText":"9,3K weergaven"},"menu":{"menuRenderer":{"items":[{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Toevoegen aan wachtrij"}]},"icon":{"iconType":"ADD_TO_QUEUE_TAIL"},"serviceEndpoint":{"clickTrackingParams":"CMIBEP6YBBgGIhMI2u6H_tSRigMV6XR6BR3bDC7R","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CMIBEP6YBBgGIhMI2u6H_tSRigMV6XR6BR3bDC7R","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"6mu93UPpBJ4","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CMIBEP6YBBgGIhMI2u6H_tSRigMV6XR6BR3bDC7R","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["6mu93UPpBJ4"],"params":"CAQ%3D"}},"videoIds":["6mu93UPpBJ4"]}},{"clickTrackingParams":"CMIBEP6YBBgGIhMI2u6H_tSRigMV6XR6BR3bDC7R","openPopupAction":{"popup":{"notificationActionRenderer":{"responseText":{"simpleText":"Toegevoegd aan wachtrij"},"trackingParams":"CMMBELlqIhMI2u6H_tSRigMV6XR6BR3bDC7R"}},"popupType":"TOAST"}}]}},"trackingParams":"CMIBEP6YBBgGIhMI2u6H_tSRigMV6XR6BR3bDC7R"}},{"menuServiceItemDownloadRenderer":{"serviceEndpoint":{"clickTrackingParams":"CMEBENGqBRgHIhMI2u6H_tSRigMV6XR6BR3bDC7R","offlineVideoEndpoint":{"videoId":"6mu93UPpBJ4","onAddCommand":{"clickTrackingParams":"CMEBENGqBRgHIhMI2u6H_tSRigMV6XR6BR3bDC7R","getDownloadActionCommand":{"videoId":"6mu93UPpBJ4","params":"CAIQAA%3D%3D"}}}},"trackingParams":"CMEBENGqBRgHIhMI2u6H_tSRigMV6XR6BR3bDC7R"}},{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Delen"}]},"icon":{"iconType":"SHARE"},"serviceEndpoint":{"clickTrackingParams":"CL0BEKQwGAAiEwja7of-1JGKAxXpdHoFHdsMLtE=","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/share/get_share_panel"}},"shareEntityServiceEndpoint":{"serializedShareEntity":"Cgs2bXU5M1VQcEJKNA%3D%3D","commands":[{"clickTrackingParams":"CL0BEKQwGAAiEwja7of-1JGKAxXpdHoFHdsMLtE=","openPopupAction":{"popup":{"unifiedSharePanelRenderer":{"trackingParams":"CMABEI5iIhMI2u6H_tSRigMV6XR6BR3bDC7R","showLoadingSpinner":true}},"popupType":"DIALOG","beReused":true}}]}},"trackingParams":"CL0BEKQwGAAiEwja7of-1JGKAxXpdHoFHdsMLtE=","hasSeparator":true}}],"trackingParams":"CL0BEKQwGAAiEwja7of-1JGKAxXpdHoFHdsMLtE=","accessibility":{"accessibilityData":{"label":"Actiemenu"}},"targetId":"watch-related-menu-button"}},"thumbnailOverlays":[{"thumbnailOverlayTimeStatusRenderer":{"text":{"accessibility":{"accessibilityData":{"label":"46 minuten en 2 seconden"}},"simpleText":"46:02"},"style":"DEFAULT"}},{"thumbnailOverlayToggleButtonRenderer":{"isToggled":false,"untoggledIcon":{"iconType":"WATCH_LATER"},"toggledIcon":{"iconType":"CHECK"},"untoggledTooltip":"Later bekijken","toggledTooltip":"Toegevoegd","untoggledServiceEndpoint":{"clickTrackingParams":"CL8BEPnnAxgBIhMI2u6H_tSRigMV6XR6BR3bDC7R","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"addedVideoId":"6mu93UPpBJ4","action":"ACTION_ADD_VIDEO"}]}},"toggledServiceEndpoint":{"clickTrackingParams":"CL8BEPnnAxgBIhMI2u6H_tSRigMV6XR6BR3bDC7R","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"action":"ACTION_REMOVE_VIDEO_BY_VIDEO_ID","removedVideoId":"6mu93UPpBJ4"}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Later bekijken"}},"toggledAccessibility":{"accessibilityData":{"label":"Toegevoegd"}},"trackingParams":"CL8BEPnnAxgBIhMI2u6H_tSRigMV6XR6BR3bDC7R"}},{"thumbnailOverlayToggleButtonRenderer":{"untoggledIcon":{"iconType":"ADD_TO_QUEUE_TAIL"},"toggledIcon":{"iconType":"PLAYLIST_ADD_CHECK"},"untoggledTooltip":"Toevoegen aan wachtrij","toggledTooltip":"Toegevoegd","untoggledServiceEndpoint":{"clickTrackingParams":"CL4BEMfsBBgCIhMI2u6H_tSRigMV6XR6BR3bDC7R","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CL4BEMfsBBgCIhMI2u6H_tSRigMV6XR6BR3bDC7R","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"6mu93UPpBJ4","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CL4BEMfsBBgCIhMI2u6H_tSRigMV6XR6BR3bDC7R","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["6mu93UPpBJ4"],"params":"CAQ%3D"}},"videoIds":["6mu93UPpBJ4"]}}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Toevoegen aan wachtrij"}},"toggledAccessibility":{"accessibilityData":{"label":"Toegevoegd"}},"trackingParams":"CL4BEMfsBBgCIhMI2u6H_tSRigMV6XR6BR3bDC7R"}},{"thumbnailOverlayNowPlayingRenderer":{"text":{"runs":[{"text":"Wordt nu afgespeeld"}]}}}],"accessibility":{"accessibilityData":{"label":"Figma Tutorial Basics to Advance Auto Layout 2023 āĻĢāĻŋāĻāĻŽāĻž āĻāĻŋāĻāĻā§āĻ°āĻŋāĻ¯āĻŧāĻžāĻ˛ āĻŦā§āĻ¸āĻŋāĻ to āĻ ā§āĻ¯āĻžāĻĄāĻāĻžāĻ¨ā§āĻ¸ āĻ āĻā§ āĻ˛ā§āĻāĻāĻ - 46 minuten - Naar kanaal gaan - DesignOverFlow - 9,3K weergaven - 1 jaar geleden - video afspelen"}},"richThumbnail":{"movingThumbnailRenderer":{"movingThumbnailDetails":{"thumbnails":[{"url":"https://i.ytimg.com/an_webp/6mu93UPpBJ4/mqdefault_6s.webp?du=3000 sqp=CN7FyLoG rs=AOn4CLB_ukxjROSE6gvYzX4Z9qH26_CIGg","width":320,"height":180}],"logAsMovingThumbnail":true},"enableHoveredLogging":true,"enableOverlay":true}}}},{"compactVideoRenderer":{"videoId":"naIWSdwgx8E","thumbnail":{"thumbnails":[{"url":"https://i.ytimg.com/vi/naIWSdwgx8E/hqdefault.jpg?sqp=-oaymwEbCKgBEF5IVfKriqkDDggBFQAAiEIYAXABwAEG rs=AOn4CLD1RiN3GvgxXxvfe-ODkGl8YMxo_w","width":168,"height":94},{"url":"https://i.ytimg.com/vi/naIWSdwgx8E/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg== rs=AOn4CLBlU_lUPGsolRWmVcj0D2C5zNtTww","width":336,"height":188}]},"title":{"accessibility":{"accessibilityData":{"label":"Responsive Website Design in Figma | Figma Tutorial in Hindi | Auto-Layout in Figma door Theuichamp 16.748 weergaven 1 jaar geleden 15 minuten"}},"simpleText":"Responsive Website Design in Figma | Figma Tutorial in Hindi | Auto-Layout in Figma"},"longBylineText":{"runs":[{"text":"Theuichamp","navigationEndpoint":{"clickTrackingParams":"CLYBEKQwGAEiEwja7of-1JGKAxXpdHoFHdsMLtEyB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@theuichamp","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UC45A-BxWO-o-8aUfNfu9XRA","canonicalBaseUrl":"/@theuichamp"}}}]},"publishedTimeText":{"simpleText":"1 jaar geleden"},"viewCountText":{"simpleText":"16.748 weergaven"},"lengthText":{"accessibility":{"accessibilityData":{"label":"15 minuten en 24 seconden"}},"simpleText":"15:24"},"navigationEndpoint":{"clickTrackingParams":"CLYBEKQwGAEiEwja7of-1JGKAxXpdHoFHdsMLtEyB3JlbGF0ZWRImOKr1e_IgM6KAZoBBQgBEPgd","commandMetadata":{"webCommandMetadata":{"url":"/watch?v=naIWSdwgx8E","webPageType":"WEB_PAGE_TYPE_WATCH","rootVe":3832}},"watchEndpoint":{"videoId":"naIWSdwgx8E","nofollow":true,"watchEndpointSupportedOnesieConfig":{"html5PlaybackOnesieConfig":{"commonConfig":{"url":"https://rr2---sn-5hne6nsk.googlevideo.com/initplayback?source=youtube oeis=1 c=WEB oad=3200 ovd=3200 oaad=11000 oavd=11000 ocs=700 oewis=1 oputc=1 ofpcc=1 msp=1 odepv=1 id=9da21649dc20c7c1 ip=185.14.28.206 mt=1733435967 oweuc="}}}}},"shortBylineText":{"runs":[{"text":"Theuichamp","navigationEndpoint":{"clickTrackingParams":"CLYBEKQwGAEiEwja7of-1JGKAxXpdHoFHdsMLtEyB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@theuichamp","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UC45A-BxWO-o-8aUfNfu9XRA","canonicalBaseUrl":"/@theuichamp"}}}]},"channelThumbnail":{"thumbnails":[{"url":"https://yt3.ggpht.com/Ni6HC_JxpmxbeeZSpr_7mLisvSRqaFwRQ3VfwGFdvIFD1_b2TwigrM4tGbD8KoOPzjJG2SqCLQ=s68-c-k-c0x00ffffff-no-rj","width":68,"height":68}]},"trackingParams":"CLYBEKQwGAEiEwja7of-1JGKAxXpdHoFHdsMLtFAwY-D4Z3JhdGdAQ==","shortViewCountText":{"accessibility":{"accessibilityData":{"label":"16 duizend weergaven"}},"simpleText":"16K weergaven"},"menu":{"menuRenderer":{"items":[{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Toevoegen aan wachtrij"}]},"icon":{"iconType":"ADD_TO_QUEUE_TAIL"},"serviceEndpoint":{"clickTrackingParams":"CLsBEP6YBBgGIhMI2u6H_tSRigMV6XR6BR3bDC7R","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CLsBEP6YBBgGIhMI2u6H_tSRigMV6XR6BR3bDC7R","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"naIWSdwgx8E","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CLsBEP6YBBgGIhMI2u6H_tSRigMV6XR6BR3bDC7R","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["naIWSdwgx8E"],"params":"CAQ%3D"}},"videoIds":["naIWSdwgx8E"]}},{"clickTrackingParams":"CLsBEP6YBBgGIhMI2u6H_tSRigMV6XR6BR3bDC7R","openPopupAction":{"popup":{"notificationActionRenderer":{"responseText":{"simpleText":"Toegevoegd aan wachtrij"},"trackingParams":"CLwBELlqIhMI2u6H_tSRigMV6XR6BR3bDC7R"}},"popupType":"TOAST"}}]}},"trackingParams":"CLsBEP6YBBgGIhMI2u6H_tSRigMV6XR6BR3bDC7R"}},{"menuServiceItemDownloadRenderer":{"serviceEndpoint":{"clickTrackingParams":"CLoBENGqBRgHIhMI2u6H_tSRigMV6XR6BR3bDC7R","offlineVideoEndpoint":{"videoId":"naIWSdwgx8E","onAddCommand":{"clickTrackingParams":"CLoBENGqBRgHIhMI2u6H_tSRigMV6XR6BR3bDC7R","getDownloadActionCommand":{"videoId":"naIWSdwgx8E","params":"CAIQAA%3D%3D"}}}},"trackingParams":"CLoBENGqBRgHIhMI2u6H_tSRigMV6XR6BR3bDC7R"}},{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Delen"}]},"icon":{"iconType":"SHARE"},"serviceEndpoint":{"clickTrackingParams":"CLYBEKQwGAEiEwja7of-1JGKAxXpdHoFHdsMLtE=","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/share/get_share_panel"}},"shareEntityServiceEndpoint":{"serializedShareEntity":"CgtuYUlXU2R3Z3g4RQ%3D%3D","commands":[{"clickTrackingParams":"CLYBEKQwGAEiEwja7of-1JGKAxXpdHoFHdsMLtE=","openPopupAction":{"popup":{"unifiedSharePanelRenderer":{"trackingParams":"CLkBEI5iIhMI2u6H_tSRigMV6XR6BR3bDC7R","showLoadingSpinner":true}},"popupType":"DIALOG","beReused":true}}]}},"trackingParams":"CLYBEKQwGAEiEwja7of-1JGKAxXpdHoFHdsMLtE=","hasSeparator":true}}],"trackingParams":"CLYBEKQwGAEiEwja7of-1JGKAxXpdHoFHdsMLtE=","accessibility":{"accessibilityData":{"label":"Actiemenu"}}}},"thumbnailOverlays":[{"thumbnailOverlayTimeStatusRenderer":{"text":{"accessibility":{"accessibilityData":{"label":"15 minuten en 24 seconden"}},"simpleText":"15:24"},"style":"DEFAULT"}},{"thumbnailOverlayToggleButtonRenderer":{"isToggled":false,"untoggledIcon":{"iconType":"WATCH_LATER"},"toggledIcon":{"iconType":"CHECK"},"untoggledTooltip":"Later bekijken","toggledTooltip":"Toegevoegd","untoggledServiceEndpoint":{"clickTrackingParams":"CLgBEPnnAxgBIhMI2u6H_tSRigMV6XR6BR3bDC7R","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"addedVideoId":"naIWSdwgx8E","action":"ACTION_ADD_VIDEO"}]}},"toggledServiceEndpoint":{"clickTrackingParams":"CLgBEPnnAxgBIhMI2u6H_tSRigMV6XR6BR3bDC7R","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"action":"ACTION_REMOVE_VIDEO_BY_VIDEO_ID","removedVideoId":"naIWSdwgx8E"}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Later bekijken"}},"toggledAccessibility":{"accessibilityData":{"label":"Toegevoegd"}},"trackingParams":"CLgBEPnnAxgBIhMI2u6H_tSRigMV6XR6BR3bDC7R"}},{"thumbnailOverlayToggleButtonRenderer":{"untoggledIcon":{"iconType":"ADD_TO_QUEUE_TAIL"},"toggledIcon":{"iconType":"PLAYLIST_ADD_CHECK"},"untoggledTooltip":"Toevoegen aan wachtrij","toggledTooltip":"Toegevoegd","untoggledServiceEndpoint":{"clickTrackingParams":"CLcBEMfsBBgCIhMI2u6H_tSRigMV6XR6BR3bDC7R","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CLcBEMfsBBgCIhMI2u6H_tSRigMV6XR6BR3bDC7R","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"naIWSdwgx8E","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CLcBEMfsBBgCIhMI2u6H_tSRigMV6XR6BR3bDC7R","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["naIWSdwgx8E"],"params":"CAQ%3D"}},"videoIds":["naIWSdwgx8E"]}}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Toevoegen aan wachtrij"}},"toggledAccessibility":{"accessibilityData":{"label":"Toegevoegd"}},"trackingParams":"CLcBEMfsBBgCIhMI2u6H_tSRigMV6XR6BR3bDC7R"}},{"thumbnailOverlayNowPlayingRenderer":{"text":{"runs":[{"text":"Wordt nu afgespeeld"}]}}}],"accessibility":{"accessibilityData":{"label":"Responsive Website Design in Figma | Figma Tutorial in Hindi | Auto-Layout in Figma - 15 minuten - Naar kanaal gaan - Theuichamp - 16K weergaven - 1 jaar geleden - video afspelen"}},"richThumbnail":{"movingThumbnailRenderer":{"movingThumbnailDetails":{"thumbnails":[{"url":"https://i.ytimg.com/an_webp/naIWSdwgx8E/mqdefault_6s.webp?du=3000 sqp=CKuryLoG rs=AOn4CLB96IrcEAousLhNviT2u8baObgkow","width":320,"height":180}],"logAsMovingThumbnail":true},"enableHoveredLogging":true,"enableOverlay":true}}}},{"compactVideoRenderer":{"videoId":"xNk3QnuowKE","thumbnail":{"thumbnails":[{"url":"https://i.ytimg.com/vi/xNk3QnuowKE/hqdefault.jpg?sqp=-oaymwEbCKgBEF5IVfKriqkDDggBFQAAiEIYAXABwAEG rs=AOn4CLCcvyBiBhBKd_XNB1CTzNC--icimQ","width":168,"height":94},{"url":"https://i.ytimg.com/vi/xNk3QnuowKE/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg== rs=AOn4CLAVir20UjJ321hHatbaPtzpdsWSoA","width":336,"height":188}]},"title":{"accessibility":{"accessibilityData":{"label":"Creating Responsive Breakpoints in Figma Using Variables + Modes door UI Collective 34.856 weergaven 1 jaar geleden 4 minuten en 40 seconden"}},"simpleText":"Creating Responsive Breakpoints in Figma Using Variables + Modes"},"longBylineText":{"runs":[{"text":"UI Collective","navigationEndpoint":{"clickTrackingParams":"CK8BEKQwGAIiEwja7of-1JGKAxXpdHoFHdsMLtEyB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@UICollectiveDesign","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UCBB1ZWZyf0RaKuHgpTjpcug","canonicalBaseUrl":"/@UICollectiveDesign"}}}]},"publishedTimeText":{"simpleText":"1 jaar geleden"},"viewCountText":{"simpleText":"34.856 weergaven"},"lengthText":{"accessibility":{"accessibilityData":{"label":"4 minuten en 40 seconden"}},"simpleText":"4:40"},"navigationEndpoint":{"clickTrackingParams":"CK8BEKQwGAIiEwja7of-1JGKAxXpdHoFHdsMLtEyB3JlbGF0ZWRImOKr1e_IgM6KAZoBBQgBEPgd","commandMetadata":{"webCommandMetadata":{"url":"/watch?v=xNk3QnuowKE","webPageType":"WEB_PAGE_TYPE_WATCH","rootVe":3832}},"watchEndpoint":{"videoId":"xNk3QnuowKE","nofollow":true,"watchEndpointSupportedOnesieConfig":{"html5PlaybackOnesieConfig":{"commonConfig":{"url":"https://rr5---sn-5hne6nsk.googlevideo.com/initplayback?source=youtube oeis=1 c=WEB oad=3200 ovd=3200 oaad=11000 oavd=11000 ocs=700 oewis=1 oputc=1 ofpcc=1 msp=1 odepv=1 id=c4d937427ba8c0a1 ip=185.14.28.206 mt=1733435967 oweuc="}}}}},"shortBylineText":{"runs":[{"text":"UI Collective","navigationEndpoint":{"clickTrackingParams":"CK8BEKQwGAIiEwja7of-1JGKAxXpdHoFHdsMLtEyB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@UICollectiveDesign","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UCBB1ZWZyf0RaKuHgpTjpcug","canonicalBaseUrl":"/@UICollectiveDesign"}}}]},"channelThumbnail":{"thumbnails":[{"url":"https://yt3.ggpht.com/9WkLD0pjYWj-YJ02fHOIdSdFo-nme1o6Sa1SCgP-UReqNxAXt5agJoVP8jbK8c5-OgG7noJUEA=s68-c-k-c0x00ffffff-no-rj","width":68,"height":68}]},"trackingParams":"CK8BEKQwGAIiEwja7of-1JGKAxXpdHoFHdsMLtFAoYGj3afozezEAQ==","shortViewCountText":{"accessibility":{"accessibilityData":{"label":"34 duizend weergaven"}},"simpleText":"34K weergaven"},"menu":{"menuRenderer":{"items":[{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Toevoegen aan wachtrij"}]},"icon":{"iconType":"ADD_TO_QUEUE_TAIL"},"serviceEndpoint":{"clickTrackingParams":"CLQBEP6YBBgGIhMI2u6H_tSRigMV6XR6BR3bDC7R","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CLQBEP6YBBgGIhMI2u6H_tSRigMV6XR6BR3bDC7R","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"xNk3QnuowKE","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CLQBEP6YBBgGIhMI2u6H_tSRigMV6XR6BR3bDC7R","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["xNk3QnuowKE"],"params":"CAQ%3D"}},"videoIds":["xNk3QnuowKE"]}},{"clickTrackingParams":"CLQBEP6YBBgGIhMI2u6H_tSRigMV6XR6BR3bDC7R","openPopupAction":{"popup":{"notificationActionRenderer":{"responseText":{"simpleText":"Toegevoegd aan wachtrij"},"trackingParams":"CLUBELlqIhMI2u6H_tSRigMV6XR6BR3bDC7R"}},"popupType":"TOAST"}}]}},"trackingParams":"CLQBEP6YBBgGIhMI2u6H_tSRigMV6XR6BR3bDC7R"}},{"menuServiceItemDownloadRenderer":{"serviceEndpoint":{"clickTrackingParams":"CLMBENGqBRgHIhMI2u6H_tSRigMV6XR6BR3bDC7R","offlineVideoEndpoint":{"videoId":"xNk3QnuowKE","onAddCommand":{"clickTrackingParams":"CLMBENGqBRgHIhMI2u6H_tSRigMV6XR6BR3bDC7R","getDownloadActionCommand":{"videoId":"xNk3QnuowKE","params":"CAIQAA%3D%3D"}}}},"trackingParams":"CLMBENGqBRgHIhMI2u6H_tSRigMV6XR6BR3bDC7R"}},{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Delen"}]},"icon":{"iconType":"SHARE"},"serviceEndpoint":{"clickTrackingParams":"CK8BEKQwGAIiEwja7of-1JGKAxXpdHoFHdsMLtE=","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/share/get_share_panel"}},"shareEntityServiceEndpoint":{"serializedShareEntity":"Cgt4TmszUW51b3dLRQ%3D%3D","commands":[{"clickTrackingParams":"CK8BEKQwGAIiEwja7of-1JGKAxXpdHoFHdsMLtE=","openPopupAction":{"popup":{"unifiedSharePanelRenderer":{"trackingParams":"CLIBEI5iIhMI2u6H_tSRigMV6XR6BR3bDC7R","showLoadingSpinner":true}},"popupType":"DIALOG","beReused":true}}]}},"trackingParams":"CK8BEKQwGAIiEwja7of-1JGKAxXpdHoFHdsMLtE=","hasSeparator":true}}],"trackingParams":"CK8BEKQwGAIiEwja7of-1JGKAxXpdHoFHdsMLtE=","accessibility":{"accessibilityData":{"label":"Actiemenu"}}}},"thumbnailOverlays":[{"thumbnailOverlayTimeStatusRenderer":{"text":{"accessibility":{"accessibilityData":{"label":"4 minuten en 40 seconden"}},"simpleText":"4:40"},"style":"DEFAULT"}},{"thumbnailOverlayToggleButtonRenderer":{"isToggled":false,"untoggledIcon":{"iconType":"WATCH_LATER"},"toggledIcon":{"iconType":"CHECK"},"untoggledTooltip":"Later bekijken","toggledTooltip":"Toegevoegd","untoggledServiceEndpoint":{"clickTrackingParams":"CLEBEPnnAxgBIhMI2u6H_tSRigMV6XR6BR3bDC7R","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"addedVideoId":"xNk3QnuowKE","action":"ACTION_ADD_VIDEO"}]}},"toggledServiceEndpoint":{"clickTrackingParams":"CLEBEPnnAxgBIhMI2u6H_tSRigMV6XR6BR3bDC7R","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"action":"ACTION_REMOVE_VIDEO_BY_VIDEO_ID","removedVideoId":"xNk3QnuowKE"}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Later bekijken"}},"toggledAccessibility":{"accessibilityData":{"label":"Toegevoegd"}},"trackingParams":"CLEBEPnnAxgBIhMI2u6H_tSRigMV6XR6BR3bDC7R"}},{"thumbnailOverlayToggleButtonRenderer":{"untoggledIcon":{"iconType":"ADD_TO_QUEUE_TAIL"},"toggledIcon":{"iconType":"PLAYLIST_ADD_CHECK"},"untoggledTooltip":"Toevoegen aan wachtrij","toggledTooltip":"Toegevoegd","untoggledServiceEndpoint":{"clickTrackingParams":"CLABEMfsBBgCIhMI2u6H_tSRigMV6XR6BR3bDC7R","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CLABEMfsBBgCIhMI2u6H_tSRigMV6XR6BR3bDC7R","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"xNk3QnuowKE","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CLABEMfsBBgCIhMI2u6H_tSRigMV6XR6BR3bDC7R","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["xNk3QnuowKE"],"params":"CAQ%3D"}},"videoIds":["xNk3QnuowKE"]}}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Toevoegen aan wachtrij"}},"toggledAccessibility":{"accessibilityData":{"label":"Toegevoegd"}},"trackingParams":"CLABEMfsBBgCIhMI2u6H_tSRigMV6XR6BR3bDC7R"}},{"thumbnailOverlayNowPlayingRenderer":{"text":{"runs":[{"text":"Wordt nu afgespeeld"}]}}}],"accessibility":{"accessibilityData":{"label":"Creating Responsive Breakpoints in Figma Using Variables + Modes - 4 minuten en 40 seconden - Naar kanaal gaan - UI Collective - 34K weergaven - 1 jaar geleden - video afspelen"}},"richThumbnail":{"movingThumbnailRenderer":{"movingThumbnailDetails":{"thumbnails":[{"url":"https://i.ytimg.com/an_webp/xNk3QnuowKE/mqdefault_6s.webp?du=3000 sqp=CKOcyLoG rs=AOn4CLDs6ftbAL7xFuVXGNwdOphqphzw-Q","width":320,"height":180}],"logAsMovingThumbnail":true},"enableHoveredLogging":true,"enableOverlay":true}}}},{"lockupViewModel":{"contentImage":{"collectionThumbnailViewModel":{"primaryThumbnail":{"thumbnailViewModel":{"image":{"sources":[{"url":"https://i.ytimg.com/vi/qPL3ubdlkRM/hqdefault.jpg?sqp=-oaymwEWCKgBEF5IWvKriqkDCQgBFQAAiEIYAQ== rs=AOn4CLCVjXbL2W3PCiRpdHmENYnRt3kh1g","width":168,"height":94},{"url":"https://i.ytimg.com/vi/qPL3ubdlkRM/hqdefault.jpg?sqp=-oaymwEXCNACELwBSFryq4qpAwkIARUAAIhCGAE= rs=AOn4CLDJT7nr1rcC8SZLslGkTBzrpEro4A","width":336,"height":188}]},"overlays":[{"thumbnailOverlayBadgeViewModel":{"thumbnailBadges":[{"thumbnailBadgeViewModel":{"icon":{"sources":[{"clientResource":{"imageName":"PLAYLISTS"}}]},"text":"25 video's","badgeStyle":"THUMBNAIL_OVERLAY_BADGE_STYLE_DEFAULT","backgroundColor":{"lightTheme":1247283,"darkTheme":1247283}}}],"position":"THUMBNAIL_OVERLAY_BADGE_POSITION_BOTTOM_END"}},{"thumbnailHoverOverlayViewModel":{"icon":{"sources":[{"clientResource":{"imageName":"PLAY_ALL"}}]},"text":{"content":"Alles afspelen","styleRuns":[{"startIndex":0,"length":14}]},"style":"THUMBNAIL_HOVER_OVERLAY_STYLE_COVER"}}],"backgroundColor":{"lightTheme":2166617,"darkTheme":2166617}}},"stackColor":{"lightTheme":7760793,"darkTheme":8682651}}},"metadata":{"lockupMetadataViewModel":{"title":{"content":"Figma Variables"},"metadata":{"contentMetadataViewModel":{"metadataRows":[{"metadataParts":[{"text":{"content":"TD Sunshine
#############################