Catchpoint named a Leader in the first Gartner® Magic Quadrant™ for Digital Experience Monitoring. Read the report

Menu:

Save Test Results with a Free Account Sign Up & Save Test Result

Webpage Performance Test Result

  • Settings: DesktopChromev129CableFrankfurt, Germany
    More
Screenshot

Requests Details

Use this page to explore the metric timings and request waterfall for any run of your test.

Page Performance Metrics (Run 1)

View run details: Run 1 (Repeat View)

TTFB Start Render FCP Speed Index LCP CLS TBT DC Time DC Requests DC Bytes Total Time Total Requests Page Weight
.265S 1.200S 1.224S 1.213S 1.224S .001 .000S 2.055S 34 839KB 2.140S 35 839KB

Visual Page Loading Process (Explore)

Navigation Timings
domContentLoadedEvent loadEvent
0.904s - 0.904s (0s) 1.954s - 1.954s (0s)
Custom Metrics Data
Colordepth
24
Dpi
{"dppx":1,"dpcm":37.79527559055118,"dpi":96}
Images
[{"url":"https://figmachecklists.com/assets/img/img_conus.png","width":640,"height":640,"naturalWidth":640,"naturalHeight":640},{"url":"https://figmachecklists.com/assets/img/img_half-torus.png","width":640,"height":640,"naturalWidth":640,"naturalHeight":640},{"url":"https://figmachecklists.com/assets/img/img_torus-array.png","width":640,"height":640,"naturalWidth":640,"naturalHeight":640},{"url":"https://figmachecklists.com/media/pages/lists/design/layers-name-are-semantic/99daa2e36f-1708530638/[email protected]","width":1120,"height":800,"naturalWidth":1120,"naturalHeight":800},{"url":"https://figmachecklists.com/media/pages/lists/design/layers-name-are-semantic/99daa2e36f-1708530638/[email protected]","width":1120,"height":800,"naturalWidth":1120,"naturalHeight":800},{"url":"https://figmachecklists.com/media/pages/lists/design/autolayout-values-come-from-variables/4352e174f8-1708530630/[email protected]","width":1120,"height":776,"naturalWidth":1120,"naturalHeight":776},{"url":"https://figmachecklists.com/media/pages/lists/design/autolayout-values-come-from-variables/4352e174f8-1708530630/[email protected]","width":1120,"height":776,"naturalWidth":1120,"naturalHeight":776},{"url":"https://figmachecklists.com/media/pages/lists/design/the-top-layer-is-stacked-first/a7651f2835-1708530636/[email protected]","width":1120,"height":1166,"naturalWidth":1120,"naturalHeight":1166},{"url":"https://figmachecklists.com/media/pages/lists/design/the-top-layer-is-stacked-first/a7651f2835-1708530636/[email protected]","width":1120,"height":1166,"naturalWidth":1120,"naturalHeight":1166},{"url":"https://figmachecklists.com/media/pages/lists/design/properties-name-are-as-short-as-possible/4a24c99396-1708530642/[email protected]","width":1120,"height":540,"naturalWidth":1120,"naturalHeight":540},{"url":"https://figmachecklists.com/media/pages/lists/design/properties-name-are-as-short-as-possible/4a24c99396-1708530642/[email protected]","width":1120,"height":540,"naturalWidth":1120,"naturalHeight":540},{"url":"https://figmachecklists.com/media/pages/lists/design/nested-properties-names-use-to-indicate-hierarchy/f65f795238-1708530644/[email protected]","width":1120,"height":860,"naturalWidth":1120,"naturalHeight":860},{"url":"https://figmachecklists.com/media/pages/lists/design/nested-properties-names-use-to-indicate-hierarchy/f65f795238-1708530644/[email protected]","width":1120,"height":860,"naturalWidth":1120,"naturalHeight":860},{"url":"https://figmachecklists.com/media/pages/lists/testing/check-components-for-conflicting-properties-before-publishing/d9a4085bdf-1708530653/check-components-for-conflicting-properties-before-publishing@2x.png","width":1120,"height":998,"naturalWidth":1120,"naturalHeight":998},{"url":"https://figmachecklists.com/media/pages/lists/testing/check-components-for-conflicting-properties-before-publishing/d9a4085bdf-1708530653/check-components-for-conflicting-properties-before-publishing@2x.png","width":1120,"height":998,"naturalWidth":1120,"naturalHeight":998},{"url":"https://figmachecklists.com/media/pages/lists/testing/eliminate-unused-properties/3c2cf1fac7-1708530657/[email protected]","width":1120,"height":668,"naturalWidth":1120,"naturalHeight":668},{"url":"https://figmachecklists.com/media/pages/lists/testing/eliminate-unused-properties/3c2cf1fac7-1708530657/[email protected]","width":1120,"height":668,"naturalWidth":1120,"naturalHeight":668},{"url":"https://figmachecklists.com/media/pages/lists/testing/check-that-variants-are-not-missing-properties/3affefd5ab-1708530648/[email protected]","width":1120,"height":1082,"naturalWidth":1120,"naturalHeight":1082},{"url":"https://figmachecklists.com/media/pages/lists/testing/check-that-variants-are-not-missing-properties/3affefd5ab-1708530648/[email protected]","width":1120,"height":1082,"naturalWidth":1120,"naturalHeight":1082},{"url":"https://figmachecklists.com/media/pages/lists/testing/ensure-that-the-original-nested-components-exist/5fe601efe5-1708530655/[email protected]","width":1120,"height":608,"naturalWidth":1120,"naturalHeight":608},{"url":"https://figmachecklists.com/media/pages/lists/testing/ensure-that-the-original-nested-components-exist/5fe601efe5-1708530655/[email protected]","width":1120,"height":608,"naturalWidth":1120,"naturalHeight":608},{"url":"https://figmachecklists.com/assets/img/img_half-torus.png","width":640,"height":640,"naturalWidth":640,"naturalHeight":640},{"url":"https://figmachecklists.com/assets/img/img_avatar.png","width":140,"height":140,"naturalWidth":140,"naturalHeight":140}]
Resolution
{"absolute":{"height":1200,"width":1920},"available":{"height":1200,"width":1920}}
fonts
[{"family":"InterVariable","display":"swap","status":"unloaded","style":"normal","weight":"100 900"},{"family":"InterVariable","display":"swap","status":"unloaded","style":"italic","weight":"100 900"},{"family":"Inter var","display":"swap","status":"unloaded","style":"normal","weight":"100 900"},{"family":"Inter var","display":"swap","status":"unloaded","style":"italic","weight":"100 900"},{"family":"Inter","display":"swap","status":"unloaded","style":"normal","weight":"100"},{"family":"Inter","display":"swap","status":"unloaded","style":"italic","weight":"100"},{"family":"Inter","display":"swap","status":"unloaded","style":"normal","weight":"200"},{"family":"Inter","display":"swap","status":"unloaded","style":"italic","weight":"200"},{"family":"Inter","display":"swap","status":"unloaded","style":"normal","weight":"300"},{"family":"Inter","display":"swap","status":"unloaded","style":"italic","weight":"300"},{"family":"Inter","display":"swap","status":"loaded","style":"normal","weight":"400"},{"family":"Inter","display":"swap","status":"unloaded","style":"italic","weight":"400"},{"family":"Inter","display":"swap","status":"loaded","style":"normal","weight":"500"},{"family":"Inter","display":"swap","status":"unloaded","style":"italic","weight":"500"},{"family":"Inter","display":"swap","status":"loaded","style":"normal","weight":"600"},{"family":"Inter","display":"swap","status":"unloaded","style":"italic","weight":"600"},{"family":"Inter","display":"swap","status":"loaded","style":"normal","weight":"700"},{"family":"Inter","display":"swap","status":"unloaded","style":"italic","weight":"700"},{"family":"Inter","display":"swap","status":"unloaded","style":"normal","weight":"800"},{"family":"Inter","display":"swap","status":"unloaded","style":"italic","weight":"800"},{"family":"Inter","display":"swap","status":"unloaded","style":"normal","weight":"900"},{"family":"Inter","display":"swap","status":"unloaded","style":"italic","weight":"900"},{"family":"InterDisplay","display":"swap","status":"unloaded","style":"normal","weight":"100"},{"family":"InterDisplay","display":"swap","status":"unloaded","style":"italic","weight":"100"},{"family":"InterDisplay","display":"swap","status":"unloaded","style":"normal","weight":"200"},{"family":"InterDisplay","display":"swap","status":"unloaded","style":"italic","weight":"200"},{"family":"InterDisplay","display":"swap","status":"unloaded","style":"normal","weight":"300"},{"family":"InterDisplay","display":"swap","status":"unloaded","style":"italic","weight":"300"},{"family":"InterDisplay","display":"swap","status":"unloaded","style":"normal","weight":"400"},{"family":"InterDisplay","display":"swap","status":"unloaded","style":"italic","weight":"400"},{"family":"InterDisplay","display":"swap","status":"unloaded","style":"normal","weight":"500"},{"family":"InterDisplay","display":"swap","status":"unloaded","style":"italic","weight":"500"},{"family":"InterDisplay","display":"swap","status":"unloaded","style":"normal","weight":"600"},{"family":"InterDisplay","display":"swap","status":"unloaded","style":"italic","weight":"600"},{"family":"InterDisplay","display":"swap","status":"unloaded","style":"normal","weight":"700"},{"family":"InterDisplay","display":"swap","status":"unloaded","style":"italic","weight":"700"},{"family":"InterDisplay","display":"swap","status":"unloaded","style":"normal","weight":"800"},{"family":"InterDisplay","display":"swap","status":"unloaded","style":"italic","weight":"800"},{"family":"InterDisplay","display":"swap","status":"unloaded","style":"normal","weight":"900"},{"family":"InterDisplay","display":"swap","status":"unloaded","style":"italic","weight":"900"}]
generated-content-percent
0.26
generated-content-size
0.23
imgs-in-viewport
[{"src":"assets\/img\/img_conus.png","html":"<img class=\"conus\" src=\"assets\/img\/img_conus.png\" srcset=\"assets\/img\/img_conus.png 1x, assets\/img\/[email protected] 2x\" alt=\"Conus\">","currentSrc":"https:\/\/figmachecklists.com\/assets\/img\/img_conus.png","srcSet":"assets\/img\/img_conus.png 1x, assets\/img\/[email protected] 2x","sizes":null,"priority":null,"loading":null,"naturalWidth":640,"naturalHeight":640},{"src":"assets\/img\/img_half-torus.png","html":"<img class=\"half-torus\" src=\"assets\/img\/img_half-torus.png\" srcset=\"assets\/img\/img_half-torus.png 1x, assets\/img\/[email protected] 2x\" alt=\"Half torus\">","currentSrc":"https:\/\/figmachecklists.com\/assets\/img\/img_half-torus.png","srcSet":"assets\/img\/img_half-torus.png 1x, assets\/img\/[email protected] 2x","sizes":null,"priority":null,"loading":null,"naturalWidth":640,"naturalHeight":640},{"src":"assets\/img\/img_torus-array.png","html":"<img class=\"torus-array\" src=\"assets\/img\/img_torus-array.png\" srcset=\"assets\/img\/img_torus-array.png 1x, assets\/img\/[email protected] 2x\" alt=\"Half torus\">","currentSrc":"https:\/\/figmachecklists.com\/assets\/img\/img_torus-array.png","srcSet":"assets\/img\/img_torus-array.png 1x, assets\/img\/[email protected] 2x","sizes":null,"priority":null,"loading":null,"naturalWidth":640,"naturalHeight":640}]
imgs-no-alt
[]
imgs-out-viewport
[{"src":"assets\/img\/img_half-torus.png","html":"<img class=\"half-torus\" src=\"assets\/img\/img_half-torus.png\" srcset=\"assets\/img\/img_half-torus.png 1x, assets\/img\/[email protected] 2x\" alt=\"Half torus\">","currentSrc":"https:\/\/figmachecklists.com\/assets\/img\/img_half-torus.png","srcSet":"assets\/img\/img_half-torus.png 1x, assets\/img\/[email protected] 2x","sizes":null,"priority":null,"loading":null,"naturalWidth":640,"naturalHeight":640},{"src":"assets\/img\/img_avatar.png","html":"<img src=\"assets\/img\/img_avatar.png\" srcset=\"assets\/img\/img_avatar.png 1x, assets\/img\/[email protected] 2x\" alt=\"Avatar\">","currentSrc":"https:\/\/figmachecklists.com\/assets\/img\/img_avatar.png","srcSet":"assets\/img\/img_avatar.png 1x, assets\/img\/[email protected] 2x","sizes":null,"priority":null,"loading":null,"naturalWidth":140,"naturalHeight":140}]
jsLibsVulns
[]
meta-viewport
width=device-width, initial-scale=1.0
possibly-render-blocking-reqs
["https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.7.0\/jquery.min.js","https:\/\/figmachecklists.com\/assets\/js\/actions-min.js","https:\/\/rsms.me\/inter\/inter.css","https:\/\/figmachecklists.com\/assets\/css\/style.css"]
rendered-html
<html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="Checklists to level up the quality of your Figma components."> <!-- OG tags--> <meta property="og:description" content="These checklists are designed for designers seeking to level up their Figma components. Whether you're working solo or managing a Figma library within a team, these lists can serve as a means of self-assessment or checking the general quality of components in a shared library."> <meta property="og:image" content="http://figmachecklists.com/assets/img/img_social-card.png"> <meta property="og:site_name" content="Figma components checklists"> <meta property="og:title" content="Figma components checklists"> <meta property="og:type" content="website"> <meta property="og:url" content="http://figmachecklists.com"> <!-- Twitter tags--> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:image" content="http://figmachecklists.com/assets/img/img_social-card.png"> <meta name="twitter:description" content="These checklists are designed for designers seeking to level up their Figma components. Whether you're working solo or managing a Figma library within a team, these lists can serve as a means of self-assessment or checking the general quality of components in a shared library."> <meta name="twitter:title" content="Figma components checklists"> <!-- Favicon --> <link rel="apple-touch-icon" sizes="180x180" href="assets/favicon/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="assets/favicon/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="assets/favicon/favicon-16x16.png"> <link rel="manifest" href="assets/favicon/site.webmanifest"> <!-- Fonts --> <link rel="preconnect" href="https://rsms.me/"> <link rel="stylesheet" href="https://rsms.me/inter/inter.css"> <!-- Analytics --> <script src="https://cdn.usefathom.com/script.js" data-site="LSEBTMBS" defer=""></script> <!-- CSS --> <link href="https://figmachecklists.com/assets/css/style.css" rel="stylesheet"> <!-- JS--> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script src="https://figmachecklists.com/assets/js/actions-min.js"></script> <title>Figma checklists</title> </head><body> <header> <div class="container"> <div class="name">Figma checklists</div> <nav> <ul> <li><a href="https://figmachecklists.com">Home</a></li> <li><a href="https://figmachecklists.com/about">About</a></li> </ul> </nav> </div> </header> <!-- Introduction --> <div class="intro"> <div class="container"> <div class="texts"> <div>Figma components checklists</div> <h1>Standards to level up your Figma components quality</h1> </div> <a class="button primary" href="#how-to">Using the lists</a> <!-- Background images --> <img class="conus" src="assets/img/img_conus.png" srcset="assets/img/img_conus.png 1x, assets/img/[email protected] 2x" alt="Conus"> <img class="half-torus" src="assets/img/img_half-torus.png" srcset="assets/img/img_half-torus.png 1x, assets/img/[email protected] 2x" alt="Half torus"> <img class="torus-array" src="assets/img/img_torus-array.png" srcset="assets/img/img_torus-array.png 1x, assets/img/[email protected] 2x" alt="Half torus"> </div> </div> <main> <section class="lists"> <div class="container"> <!-- Tabs --> <div class="tabs"> <nav> <a class="design active" href="#">Design</a> <a class="testing" href="#">Testing</a> </nav> </div> <!-- List --> <div class="list-container" id="design"> <!-- Filters --> <ul class="filters"> <li> <a class="chip active" href="#"> <div class="icon all"></div>All </a> </li> <li> <a href="#" class="chip layers"> <div class="icon layers"></div> layers </a> </li> <li> <a href="#" class="chip layout"> <div class="icon layout"></div> layout </a> </li> <li> <a href="#" class="chip properties"> <div class="icon properties"></div> properties </a> </li> <li> <a href="#" class="chip style"> <div class="icon style"></div> style </a> </li> <li> <a href="#" class="chip general"> <div class="icon general"></div> general </a> </li> </ul> <!-- Groups main container --> <div class="list-subsections"> <!-- Individual group --> <div class="single-list layers"> <h2>layers</h2> <!-- Group items / posts --> <ul> <li class="item mobile"> <div class="item-base"> Layers order match visual layout <div class="action-icon"><div class="icon add"></div></div> </div> <div class="item-panel"> <div class="header"> <div class="action-icon"><div class="icon close"></div></div> </div> <div class="content"> <div class="title">Layers order match visual layout</div> <p>Ensure the order of layers can help identify which element is which on the canvas. For example, you can decide to match the top to bottom order, mixing this with left to right.</p> <!-- Image --> </div> </div> <div class="item-overlay"></div> </li> <li class="item desktop"> <div class="item-base"> Layers order match visual layout <div class="action-icon close"><div class="icon close"></div></div> <div class="action-icon add"><div class="icon add"></div></div> </div> <div class="item-panel"> <div class="content"> <!-- Image --> <p>Ensure the order of layers can help identify which element is which on the canvas. For example, you can decide to match the top to bottom order, mixing this with left to right.</p> </div> </div> </li> <li class="item mobile"> <div class="item-base"> Layers name are semantic <div class="action-icon"><div class="icon add"></div></div> </div> <div class="item-panel"> <div class="header"> <div class="action-icon"><div class="icon close"></div></div> </div> <div class="content"> <div class="title">Layers name are semantic</div> <p>Instead of keeping the default layer name, that sometimes can be irrelevant, you can replace it but something more meaningful that helps you understand what the layer contains semantically rather than specifically. For example, a layer used for Names may be name “name” instead of “layer 2” or “Sarah Connor”.</p> <!-- Image --> <img src="https://figmachecklists.com/media/pages/lists/design/layers-name-are-semantic/99daa2e36f-1708530638/[email protected]" alt=""> </div> </div> <div class="item-overlay"></div> </li> <li class="item desktop"> <div class="item-base"> Layers name are semantic <div class="action-icon close"><div class="icon close"></div></div> <div class="action-icon add"><div class="icon add"></div></div> </div> <div class="item-panel"> <div class="content"> <!-- Image --> <img src="https://figmachecklists.com/media/pages/lists/design/layers-name-are-semantic/99daa2e36f-1708530638/[email protected]" alt=""> <p>Instead of keeping the default layer name, that sometimes can be irrelevant, you can replace it but something more meaningful that helps you understand what the layer contains semantically rather than specifically. For example, a layer used for Names may be name “name” instead of “layer 2” or “Sarah Connor”.</p> </div> </div> </li> <li class="item mobile"> <div class="item-base"> Text layers with variable content use a content property <div class="action-icon"><div class="icon add"></div></div> </div> <div class="item-panel"> <div class="header"> <div class="action-icon"><div class="icon close"></div></div> </div> <div class="content"> <div class="title">Text layers with variable content use a content property</div> <p>In components, layers that have a text property that may be overwritten, can use a content property. This way is easy to change from the properties panel, while separating what should be susceptible to changes from what is not.</p> <!-- Image --> </div> </div> <div class="item-overlay"></div> </li> <li class="item desktop" style="border-bottom: 0px;"> <div class="item-base"> Text layers with variable content use a content property <div class="action-icon close"><div class="icon close"></div></div> <div class="action-icon add"><div class="icon add"></div></div> </div> <div class="item-panel"> <div class="content"> <!-- Image --> <p>In components, layers that have a text property that may be overwritten, can use a content property. This way is easy to change from the properties panel, while separating what should be susceptible to changes from what is not.</p> </div> </div> </li> </ul> </div> <!-- Individual group --> <div class="single-list layout"> <h2>layout</h2> <!-- Group items / posts --> <ul> <li class="item mobile"> <div class="item-base"> Text containers are set to ‘hug’ vertically <div class="action-icon"><div class="icon add"></div></div> </div> <div class="item-panel"> <div class="header"> <div class="action-icon"><div class="icon close"></div></div> </div> <div class="content"> <div class="title">Text containers are set to ‘hug’ vertically</div> <p>Most of the times, we will want that text content can vertically grow when the amount of content changes. In order to allow this, we need to make sure that the height of the text containers are set to “hug” when using auto layout.</p> <!-- Image --> </div> </div> <div class="item-overlay"></div> </li> <li class="item desktop"> <div class="item-base"> Text containers are set to ‘hug’ vertically <div class="action-icon close"><div class="icon close"></div></div> <div class="action-icon add"><div class="icon add"></div></div> </div> <div class="item-panel"> <div class="content"> <!-- Image --> <p>Most of the times, we will want that text content can vertically grow when the amount of content changes. In order to allow this, we need to make sure that the height of the text containers are set to “hug” when using auto layout.</p> </div> </div> </li> <li class="item mobile"> <div class="item-base"> Auto layout values come from variables <div class="action-icon"><div class="icon add"></div></div> </div> <div class="item-panel"> <div class="header"> <div class="action-icon"><div class="icon close"></div></div> </div> <div class="content"> <div class="title">Auto layout values come from variables</div> <p>Using variables for padding and separation inside a component’s auto layout properties will help keep them consistent between them, while minimising the one-of occurrences. In general, use auto layout as much as possible.</p> <!-- Image --> <img src="https://figmachecklists.com/media/pages/lists/design/autolayout-values-come-from-variables/4352e174f8-1708530630/[email protected]" alt=""> </div> </div> <div class="item-overlay"></div> </li> <li class="item desktop"> <div class="item-base"> Auto layout values come from variables <div class="action-icon close"><div class="icon close"></div></div> <div class="action-icon add"><div class="icon add"></div></div> </div> <div class="item-panel"> <div class="content"> <!-- Image --> <img src="https://figmachecklists.com/media/pages/lists/design/autolayout-values-come-from-variables/4352e174f8-1708530630/[email protected]" alt=""> <p>Using variables for padding and separation inside a component’s auto layout properties will help keep them consistent between them, while minimising the one-of occurrences. In general, use auto layout as much as possible.</p> </div> </div> </li> <li class="item mobile"> <div class="item-base"> There are no groups inside components <div class="action-icon"><div class="icon add"></div></div> </div> <div class="item-panel"> <div class="header"> <div class="action-icon"><div class="icon close"></div></div> </div> <div class="content"> <div class="title">There are no groups inside components</div> <p>Just in counted occasions groups provide more benefits than frames, so their use should be limited as much as possible.</p> <!-- Image --> </div> </div> <div class="item-overlay"></div> </li> <li class="item desktop"> <div class="item-base"> There are no groups inside components <div class="action-icon close"><div class="icon close"></div></div> <div class="action-icon add"><div class="icon add"></div></div> </div> <div class="item-panel"> <div class="content"> <!-- Image --> <p>Just in counted occasions groups provide more benefits than frames, so their use should be limited as much as possible.</p> </div> </div> </li> <li class="item mobile"> <div class="item-base"> Components with 2-3 variants use auto layout in the main component’s frame <div class="action-icon"><div class="icon add"></div></div> </div> <div class="item-panel"> <div class="header"> <div class="action-icon"><div class="icon close"></div></div> </div> <div class="content"> <div class="title">Components with 2-3 variants use auto layout in the main component’s frame</div> <p>Components that have few variants use auto layout in the parent container, so the component’s variants are organised in space.</p> <!-- Image --> </div> </div> <div class="item-overlay"></div> </li> <li class="item desktop"> <div class="item-base"> Components with 2-3 variants use auto layout in the main component’s frame <div class="action-icon close"><div class="icon close"></div></div> <div class="action-icon add"><div class="icon add"></div></div> </div> <div class="item-panel"> <div class="content"> <!-- Image --> <p>Components that have few variants use auto layout in the parent container, so the component’s variants are organised in space.</p> </div> </div> </li> <li class="item mobile"> <div class="item-base"> Components with more than 3 variants are arranged in a grid <div class="action-icon"><div class="icon add"></div></div> </div> <div class="item-panel"> <div class="header"> <div class="action-icon"><div class="icon close"></div></div> </div> <div class="content"> <div class="title">Components with more than 3 variants are arranged in a grid</div> <p>For more complex components, organising variants in a grid can help understand their complexity and expose properties in a more visual way. <a href="https://www.figma.com/community/plugin/1116018586739867857/propstar">Propstar</a> may be a great plugin for this to avoid manual work.</p> <!-- Image --> </div> </div> <div class="item-overlay"></div> </li> <li class="item desktop"> <div class="item-base"> Components with more than 3 variants are arranged in a grid <div class="action-icon close"><div class="icon close"></div></div> <div class="action-icon add"><div class="icon add"></div></div> </div> <div class="item-panel"> <div class="content"> <!-- Image --> <p>For more complex components, organising variants in a grid can help understand their complexity and expose properties in a more visual way. <a href="https://www.figma.com/community/plugin/1116018586739867857/propstar">Propstar</a> may be a great plugin for this to avoid manual work.</p> </div> </div> </li> <li class="item mobile"> <div class="item-base"> The top layer is stacked first <div class="action-icon"><div class="icon add"></div></div> </div> <div class="item-panel"> <div class="header"> <div class="action-icon"><div class="icon close"></div></div> </div> <div class="content"> <div class="title">The top layer is stacked first</div> <p>Adjusting the advanced auto layout settings to "First on top" within the "Canvas stacking" option ensures that the top layer is positioned above the content. This aligns with the canvas's layer order, enhancing the coherence between the layering model and the on-screen representation.</p> <!-- Image --> <img src="https://figmachecklists.com/media/pages/lists/design/the-top-layer-is-stacked-first/a7651f2835-1708530636/[email protected]" alt=""> </div> </div> <div class="item-overlay"></div> </li> <li class="item desktop" style="border-bottom: 0px;"> <div class="item-base"> The top layer is stacked first <div class="action-icon close"><div class="icon close"></div></div> <div class="action-icon add"><div class="icon add"></div></div> </div> <div class="item-panel"> <div class="content"> <!-- Image --> <img src="https://figmachecklists.com/media/pages/lists/design/the-top-layer-is-stacked-first/a7651f2835-1708530636/[email protected]" alt=""> <p>Adjusting the advanced auto layout settings to "First on top" within the "Canvas stacking" option ensures that the top layer is positioned above the content. This aligns with the canvas's layer order, enhancing the coherence between the layering model and the on-screen representation.</p> </div> </div> </li> </ul> </div> <!-- Individual group --> <div class="single-list properties"> <h2>properties</h2> <!-- Group items / posts --> <ul> <li class="item mobile"> <div class="item-base"> Order of properties values match the layer order <div class="action-icon"><div class="icon add"></div></div> </div> <div class="item-panel"> <div class="header"> <div class="action-icon"><div class="icon close"></div></div> </div> <div class="content"> <div class="title">Order of properties values match the layer order</div> <p>A component’s variant usually contains more than 1 value. Make sure that the order of the values in the dropdown matches the order of layers.</p> <!-- Image --> </div> </div> <div class="item-overlay"></div> </li> <li class="item desktop"> <div class="item-base"> Order of properties values match the layer order <div class="action-icon close"><div class="icon close"></div></div> <div class="action-icon add"><div class="icon add"></div></div> </div> <div class="item-panel"> <div class="content"> <!-- Image --> <p>A component’s variant usually contains more than 1 value. Make sure that the order of the values in the dropdown matches the order of layers.</p> </div> </div> </li> <li class="item mobile"> <div class="item-base"> Properties name are as short as possible <div class="action-icon"><div class="icon add"></div></div> </div> <div class="item-panel"> <div class="header"> <div class="action-icon"><div class="icon close"></div></div> </div> <div class="content"> <div class="title">Properties name are as short as possible</div> <p>Keeping a short name will prevent it to cut in the properties panel. The property and layer icons can complement what it is and help avoid redundancies. For example, instead of naming a property “Show icon”, it can be just “Icon”.</p> <!-- Image --> <img src="https://figmachecklists.com/media/pages/lists/design/properties-name-are-as-short-as-possible/4a24c99396-1708530642/[email protected]" alt=""> </div> </div> <div class="item-overlay"></div> </li> <li class="item desktop"> <div class="item-base"> Properties name are as short as possible <div class="action-icon close"><div class="icon close"></div></div> <div class="action-icon add"><div class="icon add"></div></div> </div> <div class="item-panel"> <div class="content"> <!-- Image --> <img src="https://figmachecklists.com/media/pages/lists/design/properties-name-are-as-short-as-possible/4a24c99396-1708530642/[email protected]" alt=""> <p>Keeping a short name will prevent it to cut in the properties panel. The property and layer icons can complement what it is and help avoid redundancies. For example, instead of naming a property “Show icon”, it can be just “Icon”.</p> </div> </div> </li> <li class="item mobile"> <div class="item-base"> Properties names are consistent between components <div class="action-icon"><div class="icon add"></div></div> </div> <div class="item-panel"> <div class="header"> <div class="action-icon"><div class="icon close"></div></div> </div> <div class="content"> <div class="title">Properties names are consistent between components</div> <p>Similar properties should be name the same way between components, to foster consistency and ease of use. Ideally, you should keep an external properties reference list to use with every new component.</p> <!-- Image --> </div> </div> <div class="item-overlay"></div> </li> <li class="item desktop"> <div class="item-base"> Properties names are consistent between components <div class="action-icon close"><div class="icon close"></div></div> <div class="action-icon add"><div class="icon add"></div></div> </div> <div class="item-panel"> <div class="content"> <!-- Image --> <p>Similar properties should be name the same way between components, to foster consistency and ease of use. Ideally, you should keep an external properties reference list to use with every new component.</p> </div> </div> </li> <li class="item mobile"> <div class="item-base"> Nested properties names use ↳ to indicate hierarchy <div class="action-icon"><div class="icon add"></div></div> </div> <div class="item-panel"> <div class="header"> <div class="action-icon"><div class="icon close"></div></div> </div> <div class="content"> <div class="title">Nested properties names use ↳ to indicate hierarchy</div> <p>Layers that are dependent on other will use a character prefix to indicate this relationship, also aided by the placement of the property. If you have an optional text layer, this can be called “Text”, while the content value property enabled by this property, can be “ ↳ text”.</p> <!-- Image --> <img src="https://figmachecklists.com/media/pages/lists/design/nested-properties-names-use-to-indicate-hierarchy/f65f795238-1708530644/[email protected]" alt=""> </div> </div> <div class="item-overlay"></div> </li> <li class="item desktop"> <div class="item-base"> Nested properties names use ↳ to indicate hierarchy <div class="action-icon close"><div class="icon close"></div></div> <div class="action-icon add"><div class="icon add"></div></div> </div> <div class="item-panel"> <div class="content"> <!-- Image --> <img src="https://figmachecklists.com/media/pages/lists/design/nested-properties-names-use-to-indicate-hierarchy/f65f795238-1708530644/[email protected]" alt=""> <p>Layers that are dependent on other will use a character prefix to indicate this relationship, also aided by the placement of the property. If you have an optional text layer, this can be called “Text”, while the content value property enabled by this property, can be “ ↳ text”.</p> </div> </div> </li> <li class="item mobile"> <div class="item-base"> Layers that show and hide are booleans instead of variants <div class="action-icon"><div class="icon add"></div></div> </div> <div class="item-panel"> <div class="header"> <div class="action-icon"><div class="icon close"></div></div> </div> <div class="content"> <div class="title">Layers that show and hide are booleans instead of variants</div> <p>When there’s a layer that show or hides this should be created using a boolean property, instead of creating a new variant. The latter should be reserved for changes that go beyond the layer visibility, such as spacing.</p> <!-- Image --> </div> </div> <div class="item-overlay"></div> </li> <li class="item desktop" style="border-bottom: 0px;"> <div class="item-base"> Layers that show and hide are booleans instead of variants <div class="action-icon close"><div class="icon close"></div></div> <div class="action-icon add"><div class="icon add"></div></div> </div> <div class="item-panel"> <div class="content"> <!-- Image --> <p>When there’s a layer that show or hides this should be created using a boolean property, instead of creating a new variant. The latter should be reserved for changes that go beyond the layer visibility, such as spacing.</p> </div> </div> </li> </ul> </div> <!-- Individual group --> <div class="single-list style"> <h2>style</h2> <!-- Group items / posts --> <ul> <li class="item mobile"> <div class="item-base"> There are no hidden styles <div class="action-icon"><div class="icon add"></div></div> </div> <div class="item-panel"> <div class="header"> <div class="action-icon"><div class="icon close"></div></div> </div> <div class="content"> <div class="title">There are no hidden styles</div> <p>Hiding an unused styles can clutter the components properties panel. They can be useful while experiment with a component’s design, but they should be remove afterwards. <a href="https://www.figma.com/community/plugin/947376972204574960/hidden-styles-remover">Hidden Styles Remover</a> is a plugin that can help with this labour.</p> <!-- Image --> </div> </div> <div class="item-overlay"></div> </li> <li class="item desktop"> <div class="item-base"> There are no hidden styles <div class="action-icon close"><div class="icon close"></div></div> <div class="action-icon add"><div class="icon add"></div></div> </div> <div class="item-panel"> <div class="content"> <!-- Image --> <p>Hiding an unused styles can clutter the components properties panel. They can be useful while experiment with a component’s design, but they should be remove afterwards. <a href="https://www.figma.com/community/plugin/947376972204574960/hidden-styles-remover">Hidden Styles Remover</a> is a plugin that can help with this labour.</p> </div> </div> </li> <li class="item mobile"> <div class="item-base"> There are no hardcoded values <div class="action-icon"><div class="icon add"></div></div> </div> <div class="item-panel"> <div class="header"> <div class="action-icon"><div class="icon close"></div></div> </div> <div class="content"> <div class="title">There are no hardcoded values</div> <p>With reasonable exceptions, values for a component styles should come from a shared or local library, instead of being manually entered. This will help keep them consistent, while making sure they will get visually updated if the source styles change. <a href="https://www.figma.com/community/plugin/801195587640428208/design-lint">Design Lint</a> is a plugin that may help you spot this.</p> <!-- Image --> </div> </div> <div class="item-overlay"></div> </li> <li class="item desktop" style="border-bottom: 0px;"> <div class="item-base"> There are no hardcoded values <div class="action-icon close"><div class="icon close"></div></div> <div class="action-icon add"><div class="icon add"></div></div> </div> <div class="item-panel"> <div class="content"> <!-- Image --> <p>With reasonable exceptions, values for a component styles should come from a shared or local library, instead of being manually entered. This will help keep them consistent, while making sure they will get visually updated if the source styles change. <a href="https://www.figma.com/community/plugin/801195587640428208/design-lint">Design Lint</a> is a plugin that may help you spot this.</p> </div> </div> </li> </ul> </div> <!-- Individual group --> <div class="single-list general"> <h2>general</h2> <!-- Group items / posts --> <ul> <li class="item mobile"> <div class="item-base"> Components pages are kept as clean as possible <div class="action-icon"><div class="icon add"></div></div> </div> <div class="item-panel"> <div class="header"> <div class="action-icon"><div class="icon close"></div></div> </div> <div class="content"> <div class="title">Components pages are kept as clean as possible</div> <p>Where editable components are placed, it should be as clean as possible — with no screenshots, tests, or anything else that is not considered final or should not be there.</p> <!-- Image --> </div> </div> <div class="item-overlay"></div> </li> <li class="item desktop" style="border-bottom: 0px;"> <div class="item-base"> Components pages are kept as clean as possible <div class="action-icon close"><div class="icon close"></div></div> <div class="action-icon add"><div class="icon add"></div></div> </div> <div class="item-panel"> <div class="content"> <!-- Image --> <p>Where editable components are placed, it should be as clean as possible — with no screenshots, tests, or anything else that is not considered final or should not be there.</p> </div> </div> </li> </ul> </div> </div> </div> <div class="list-container" id="testing" style="display: none;"> <!-- Filters --> <ul class="filters"> <li> <a class="chip active" href="#"> <div class="icon all"></div>All </a> </li> <li> <a href="#" class="chip layout"> <div class="icon layout"></div> layout </a> </li> <li> <a href="#" class="chip properties"> <div class="icon properties"></div> properties </a> </li> <li> <a href="#" class="chip general"> <div class="icon general"></div> general </a> </li> </ul> <!-- Groups main container --> <div class="list-subsections"> <!-- Individual group --> <div class="single-list layout"> <h2>layout</h2> <!-- Group items / posts --> <ul> <li class="item mobile"> <div class="item-base"> Ensure layers fill width when horizontally stretched <div class="action-icon"><div class="icon add"></div></div> </div> <div class="item-panel"> <div class="header"> <div class="action-icon"><div class="icon close"></div></div> </div> <div class="content"> <div class="title">Ensure layers fill width when horizontally stretched</div> <p>Check that when stretching an instance horizontally, any layers intended to fill the width do so — rather than remaining at a fixed width.</p> <!-- Image --> </div> </div> <div class="item-overlay"></div> </li> <li class="item desktop"> <div class="item-base"> Ensure layers fill width when horizontally stretched <div class="action-icon close"><div class="icon close"></div></div> <div class="action-icon add"><div class="icon add"></div></div> </div> <div class="item-panel"> <div class="content"> <!-- Image --> <p>Check that when stretching an instance horizontally, any layers intended to fill the width do so — rather than remaining at a fixed width.</p> </div> </div> </li> <li class="item mobile"> <div class="item-base"> Test component flexibility with varying text lengths <div class="action-icon"><div class="icon add"></div></div> </div> <div class="item-panel"> <div class="header"> <div class="action-icon"><div class="icon close"></div></div> </div> <div class="content"> <div class="title">Test component flexibility with varying text lengths</div> <p>Test component responsiveness to varying amounts of text by inserting different content lengths. Ensure the component adjusts appropriately, either stretching or employing ellipsis where necessary.</p> <!-- Image --> </div> </div> <div class="item-overlay"></div> </li> <li class="item desktop"> <div class="item-base"> Test component flexibility with varying text lengths <div class="action-icon close"><div class="icon close"></div></div> <div class="action-icon add"><div class="icon add"></div></div> </div> <div class="item-panel"> <div class="content"> <!-- Image --> <p>Test component responsiveness to varying amounts of text by inserting different content lengths. Ensure the component adjusts appropriately, either stretching or employing ellipsis where necessary.</p> </div> </div> </li> <li class="item mobile"> <div class="item-base"> Verify fixed content positioning while stretching components <div class="action-icon"><div class="icon add"></div></div> </div> <div class="item-panel"> <div class="header"> <div class="action-icon"><div class="icon close"></div></div> </div> <div class="content"> <div class="title">Verify fixed content positioning while stretching components</div> <p>Manually stretch component instances both horizontally and vertically to ensure layers with absolute positioning retain their correct placement.</p> <!-- Image --> </div> </div> <div class="item-overlay"></div> </li> <li class="item desktop" style="border-bottom: 0px;"> <div class="item-base"> Verify fixed content positioning while stretching components <div class="action-icon close"><div class="icon close"></div></div> <div class="action-icon add"><div class="icon add"></div></div> </div> <div class="item-panel"> <div class="content"> <!-- Image --> <p>Manually stretch component instances both horizontally and vertically to ensure layers with absolute positioning retain their correct placement.</p> </div> </div> </li> </ul> </div> <!-- Individual group --> <div class="single-list properties"> <h2>properties</h2> <!-- Group items / posts --> <ul> <li class="item mobile"> <div class="item-base"> Validate proper display of variant properties when swapping <div class="action-icon"><div class="icon add"></div></div> </div> <div class="item-panel"> <div class="header"> <div class="action-icon"><div class="icon close"></div></div> </div> <div class="content"> <div class="title">Validate proper display of variant properties when swapping</div> <p>Verify that swapping and interchanging variants in an instance reflects the appropriate properties in the panel, helping to identify any visual discrepancies.</p> <!-- Image --> </div> </div> <div class="item-overlay"></div> </li> <li class="item desktop"> <div class="item-base"> Validate proper display of variant properties when swapping <div class="action-icon close"><div class="icon close"></div></div> <div class="action-icon add"><div class="icon add"></div></div> </div> <div class="item-panel"> <div class="content"> <!-- Image --> <p>Verify that swapping and interchanging variants in an instance reflects the appropriate properties in the panel, helping to identify any visual discrepancies.</p> </div> </div> </li> <li class="item mobile"> <div class="item-base"> Check components for conflicting properties before publishing <div class="action-icon"><div class="icon add"></div></div> </div> <div class="item-panel"> <div class="header"> <div class="action-icon"><div class="icon close"></div></div> </div> <div class="content"> <div class="title">Check components for conflicting properties before publishing</div> <p>Confirm that components do not display any alerts for conflicting properties, otherwise they won't be suitable for publishing as part of a library. To solve. this issue, make sure that variants are using different values between them.</p> <!-- Image --> <img src="https://figmachecklists.com/media/pages/lists/testing/check-components-for-conflicting-properties-before-publishing/d9a4085bdf-1708530653/check-components-for-conflicting-properties-before-publishing@2x.png" alt=""> </div> </div> <div class="item-overlay"></div> </li> <li class="item desktop"> <div class="item-base"> Check components for conflicting properties before publishing <div class="action-icon close"><div class="icon close"></div></div> <div class="action-icon add"><div class="icon add"></div></div> </div> <div class="item-panel"> <div class="content"> <!-- Image --> <img src="https://figmachecklists.com/media/pages/lists/testing/check-components-for-conflicting-properties-before-publishing/d9a4085bdf-1708530653/check-components-for-conflicting-properties-before-publishing@2x.png" alt=""> <p>Confirm that components do not display any alerts for conflicting properties, otherwise they won't be suitable for publishing as part of a library. To solve. this issue, make sure that variants are using different values between them.</p> </div> </div> </li> <li class="item mobile"> <div class="item-base"> Eliminate unused properties <div class="action-icon"><div class="icon add"></div></div> </div> <div class="item-panel"> <div class="header"> <div class="action-icon"><div class="icon close"></div></div> </div> <div class="content"> <div class="title">Eliminate unused properties</div> <p>Ensure that all properties within the component are actively utilised and necessary. Look out for warning icons indicating unnecessary ones, and promptly remove them from the main component if not needed.</p> <!-- Image --> <img src="https://figmachecklists.com/media/pages/lists/testing/eliminate-unused-properties/3c2cf1fac7-1708530657/[email protected]" alt=""> </div> </div> <div class="item-overlay"></div> </li> <li class="item desktop"> <div class="item-base"> Eliminate unused properties <div class="action-icon close"><div class="icon close"></div></div> <div class="action-icon add"><div class="icon add"></div></div> </div> <div class="item-panel"> <div class="content"> <!-- Image --> <img src="https://figmachecklists.com/media/pages/lists/testing/eliminate-unused-properties/3c2cf1fac7-1708530657/[email protected]" alt=""> <p>Ensure that all properties within the component are actively utilised and necessary. Look out for warning icons indicating unnecessary ones, and promptly remove them from the main component if not needed.</p> </div> </div> </li> <li class="item mobile"> <div class="item-base"> Check that variants are not missing properties <div class="action-icon"><div class="icon add"></div></div> </div> <div class="item-panel"> <div class="header"> <div class="action-icon"><div class="icon close"></div></div> </div> <div class="content"> <div class="title">Check that variants are not missing properties</div> <p>Make sure that all variants have necessary properties applied. Figma alerts if any variants lack properties that will affecting publishing the library. Fix this by selecting the variant from the alert, and applying any missing properties.</p> <!-- Image --> <img src="https://figmachecklists.com/media/pages/lists/testing/check-that-variants-are-not-missing-properties/3affefd5ab-1708530648/[email protected]" alt=""> </div> </div> <div class="item-overlay"></div> </li> <li class="item desktop" style="border-bottom: 0px;"> <div class="item-base"> Check that variants are not missing properties <div class="action-icon close"><div class="icon close"></div></div> <div class="action-icon add"><div class="icon add"></div></div> </div> <div class="item-panel"> <div class="content"> <!-- Image --> <img src="https://figmachecklists.com/media/pages/lists/testing/check-that-variants-are-not-missing-properties/3affefd5ab-1708530648/[email protected]" alt=""> <p>Make sure that all variants have necessary properties applied. Figma alerts if any variants lack properties that will affecting publishing the library. Fix this by selecting the variant from the alert, and applying any missing properties.</p> </div> </div> </li> </ul> </div> <!-- Individual group --> <div class="single-list general"> <h2>general</h2> <!-- Group items / posts --> <ul> <li class="item mobile"> <div class="item-base"> Ensure components are inserted with default properties and variants <div class="action-icon"><div class="icon add"></div></div> </div> <div class="item-panel"> <div class="header"> <div class="action-icon"><div class="icon close"></div></div> </div> <div class="content"> <div class="title">Ensure components are inserted with default properties and variants</div> <p>Ensure components maintain their intended appearance upon insertion. When components have variants, the first variant listed (from top to bottom in the layers list) will serve as the default.</p> <!-- Image --> </div> </div> <div class="item-overlay"></div> </li> <li class="item desktop"> <div class="item-base"> Ensure components are inserted with default properties and variants <div class="action-icon close"><div class="icon close"></div></div> <div class="action-icon add"><div class="icon add"></div></div> </div> <div class="item-panel"> <div class="content"> <!-- Image --> <p>Ensure components maintain their intended appearance upon insertion. When components have variants, the first variant listed (from top to bottom in the layers list) will serve as the default.</p> </div> </div> </li> <li class="item mobile"> <div class="item-base"> Confirm component appearance remains correct across background colours <div class="action-icon"><div class="icon add"></div></div> </div> <div class="item-panel"> <div class="header"> <div class="action-icon"><div class="icon close"></div></div> </div> <div class="content"> <div class="title">Confirm component appearance remains correct across background colours</div> <p>Confirm that components maintain their correct appearance when placed against different background colours. Adjusting the canvas background color can reveal any missing or unnecessary layer fills.</p> <!-- Image --> </div> </div> <div class="item-overlay"></div> </li> <li class="item desktop"> <div class="item-base"> Confirm component appearance remains correct across background colours <div class="action-icon close"><div class="icon close"></div></div> <div class="action-icon add"><div class="icon add"></div></div> </div> <div class="item-panel"> <div class="content"> <!-- Image --> <p>Confirm that components maintain their correct appearance when placed against different background colours. Adjusting the canvas background color can reveal any missing or unnecessary layer fills.</p> </div> </div> </li> <li class="item mobile"> <div class="item-base"> Ensure that the original nested components exist <div class="action-icon"><div class="icon add"></div></div> </div> <div class="item-panel"> <div class="header"> <div class="action-icon"><div class="icon close"></div></div> </div> <div class="content"> <div class="title">Ensure that the original nested components exist</div> <p>When utilising nested components, always verify that the component actually exists. Otherwise, you might be using an instance of a component that has been removed, thus missing out on updates to the library.</p> <!-- Image --> <img src="https://figmachecklists.com/media/pages/lists/testing/ensure-that-the-original-nested-components-exist/5fe601efe5-1708530655/[email protected]" alt=""> </div> </div> <div class="item-overlay"></div> </li> <li class="item desktop" style="border-bottom: 0px;"> <div class="item-base"> Ensure that the original nested components exist <div class="action-icon close"><div class="icon close"></div></div> <div class="action-icon add"><div class="icon add"></div></div> </div> <div class="item-panel"> <div class="content"> <!-- Image --> <img src="https://figmachecklists.com/media/pages/lists/testing/ensure-that-the-original-nested-components-exist/5fe601efe5-1708530655/[email protected]" alt=""> <p>When utilising nested components, always verify that the component actually exists. Otherwise, you might be using an instance of a component that has been removed, thus missing out on updates to the library.</p> </div> </div> </li> </ul> </div> </div> </div> </div> </section> <!-- Notice --> <section class="notice" id="how-to"> <div class="container"> <img class="half-torus" src="assets/img/img_half-torus.png" srcset="assets/img/img_half-torus.png 1x, assets/img/[email protected] 2x" alt="Half torus"> <div> <div class="subheader">Using the lists</div> <div class="summary">These lists are intended for self-assessing your Figma components.</div> <p>The content is divided into two sections: 'Design', featuring items that can aid in crafting a component; and 'Testing', containing considerations for testing your component before final publication. Though not exhaustive, these lists offer opinionated guidance. Feel free to use them as inspiration to develop your own.</p> <a href="about" class="button secondary">Read more</a> </div> </div> </section> <!-- Pre-footer message --> <section class="about"> <div class="container"> <div class="content"> <div class="avatar"> <img src="assets/img/img_avatar.png" srcset="assets/img/img_avatar.png 1x, assets/img/[email protected] 2x" alt="Avatar"> </div> <p>This project was created with love by Javier – from Fuller Design Systems.</p> <div class="buttons"> <a href="https://www.linkedin.com/in/javiercuello" target="_blank" class="button primary linkedin"><div class="icon linkedin"></div></a> <a href="https://www.fuller.design" target="_blank" class="button primary website"><div class="icon web"></div></a> </div> </div> </div> </section> </main> <footer> <div class="container"> <div class="name">Figma checklists</div> <p>There's no cookies banner because I use <a href="https://usefathom.com/ref/KGN6UY" target="_blank">Fathom Analytics</a>. CC BY-NC 2024.</p> </div> </footer> </body></html>
securityHeaders
{"securityHeadersList":["content-security-policy","x-content-type-options"],"securityHeadersGrade":"D","securityHeadersScore":45}

Waterfall View

Start Render
First Contentful Paint
Largest Contentful Paint
Layout Shift
DOM Interactive
DOM Content Loaded
On Load
Document Complete
Render Blocking Resource Insecure Request 3xx response4xx+ response
 Doesn't Belong to Main Doc 
Step_1 1: https://figmachecklists.com/ 2: https://figmachecklists.com/assets/css/style.css 3: https://figmachecklists.com/assets/js/actions-min.js 4: https://figmachecklists.com/assets/img/img_conus.png 5: https://figmachecklists.com/assets/img/img_half-torus.png 6: https://rsms.me/inter/inter.css 7: https://figmachecklists.com/assets/img/img_torus-array.png 8: https://figmachecklists.com/media/pages/lists/design/layers-name-are-semantic/99daa2e36f-1708530638/layers-name-are-semantic@2x.png 9: https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js 10: https://cdn.usefathom.com/script.js 11: https://figmachecklists.com/media/pages/lists/design/autolayout-values-come-from-variables/4352e174f8-1708530630/autolayout-values-come-from-variables@2x.png 12: https://figmachecklists.com/media/pages/lists/design/the-top-layer-is-stacked-first/a7651f2835-1708530636/the-top-layer-is-stacked-first@2x.png 13: https://figmachecklists.com/media/pages/lists/design/properties-name-are-as-short-as-possible/4a24c99396-1708530642/properties-name-are-as-short-as-possible@2x.png 14: https://figmachecklists.com/media/pages/lists/design/nested-properties-names-use-to-indicate-hierarchy/f65f795238-1708530644/nested-properties-names-use-to-indicate-hierarchy@2x.png 15: https://figmachecklists.com/media/pages/lists/testing/check-components-for-conflicting-properties-before-publishing/d9a4085bdf-1708530653/check-components-for-conflicting-properties-before-publishing@2x.png 16: https://figmachecklists.com/media/pages/lists/testing/eliminate-unused-properties/3c2cf1fac7-1708530657/eliminate-unused-properties@2x.png 17: https://figmachecklists.com/media/pages/lists/testing/check-that-variants-are-not-missing-properties/3affefd5ab-1708530648/check-that-variants-are-not-missing-properties@2x.png 18: https://figmachecklists.com/media/pages/lists/testing/ensure-that-the-original-nested-components-exist/5fe601efe5-1708530655/ensure-that-the-original-nested-components-exist@2x.png 19: https://figmachecklists.com/assets/img/img_avatar.png 20: https://figmachecklists.com/assets/img/icon_all.svg 21: https://figmachecklists.com/assets/img/icon_layers.svg 22: https://figmachecklists.com/assets/img/icon_layout.svg 23: https://figmachecklists.com/assets/img/icon_properties.svg 24: https://figmachecklists.com/assets/img/icon_style.svg 25: https://figmachecklists.com/assets/img/icon_general.svg 26: https://figmachecklists.com/assets/img/icon_add.svg 27: https://figmachecklists.com/assets/img/icon_linkedin.svg 28: https://figmachecklists.com/assets/img/icon_web.svg 29: https://cdn.usefathom.com/?h=https%3A%2F%2Ffigmachecklists.com&p=%2F&r=&sid=LSEBTMBS&qs=%7B%7D&cid=37869176 30: https://rsms.me/inter/font-files/Inter-Medium.woff2?v=4.0 31: https://rsms.me/inter/font-files/Inter-Regular.woff2?v=4.0 32: https://rsms.me/inter/font-files/Inter-SemiBold.woff2?v=4.0 33: https://rsms.me/inter/font-files/Inter-Bold.woff2?v=4.0 34: https://figmachecklists.com/assets/favicon/favicon-32x32.png 35: https://figmachecklists.com/assets/favicon/site.webmanifest
customize waterfallView all ImagesView HTTP/2 Dependency GraphFilmstrip

Connection View

Step_1 figmachecklists.com figmachecklists.com,rsms.me ajax.googleapis.com cdn.usefathom.com
DNS Lookup
Initial Connection
SSL Negotiation
Start Render
DOM Content Loaded
On Load
Document Complete
Connection View waterfall diagram

Request Details

Before Start Render
Before On Load
After On Load
3xx Response
4xx Response

Request Details
# Resource Content Type Priority Request Start DNS Lookup Initial Connection SSL Negotiation Time to First Byte Content Download Bytes Downloaded CPU Time Error/Status Code IP
1 https://figmachecklists.com/ text/html Highest 0.173 s 61 ms 41 ms 70 ms 92 ms 4 ms 10.4 KB - 200 195.35.49.231
2 https://figmacheckli...assets/css/style.css text/css Highest 0.29 s - - - 65 ms 2 ms 3.1 KB - 200 195.35.49.231
3 https://figmacheckli...ts/js/actions-min.js application/x-javascript High 0.29 s - - - 68 ms 1 ms 0.4 KB 1 ms 200 195.35.49.231
4 https://figmacheckli...ts/img/img_conus.png image/png Medium 0.29 s - - - 95 ms 29 ms 21.9 KB - 200 195.35.49.231
5 https://figmacheckli...g/img_half-torus.png image/png Medium 0.29 s - - - 125 ms 50 ms 29.7 KB - 200 195.35.49.231
6 https://rsms.me/inter/inter.css text/css Highest 0.408 s 35 ms - 94 100 ms 1 ms 0.7 KB - 200 104.21.234.234
7 https://figmacheckli.../img_torus-array.png image/png Medium 0.417 s - - - 118 ms 75 ms 55.4 KB - 200 195.35.49.231
8 https://[email protected] image/png Medium 0.467 s - - - 145 ms 29 ms 16.6 KB - 200 195.35.49.231
9 https://ajax.googlea.../3.7.0/jquery.min.js text/javascript High 0.497 s 65 ms 53 ms 92 ms 149 ms 83 ms 29.7 KB 27 ms 200 172.217.16.202
10 https://cdn.usefathom.com/script.js application/javascript Low 0.503 s 80 ms 45 ms 98 ms 142 ms 1 ms 1.8 KB 8 ms 200 169.150.247.36
11 https://[email protected] image/png Low 0.648 s - - - 49 ms 28 ms 14.8 KB - 200 195.35.49.231
12 https://[email protected] image/png Low 0.731 s - - - 58 ms 189 ms 82.8 KB - 200 195.35.49.231
13 https://[email protected] image/png Low 0.755 s - - - 100 ms 241 ms 11.3 KB - 200 195.35.49.231
14 https://[email protected] image/png Low 0.76 s - - - 120 ms 228 ms 17.8 KB - 200 195.35.49.231
15 https://[email protected] image/png Low 0.765 s - - - 123 ms 283 ms 30.4 KB - 200 195.35.49.231
16 https://[email protected] image/png Low 0.768 s - - - 122 ms 266 ms 25.6 KB - 200 195.35.49.231
17 https://[email protected] image/png Low 0.775 s - - - 120 ms 251 ms 28.7 KB - 200 195.35.49.231
18 https://[email protected] image/png Low 0.785 s - - - 150 ms 158 ms 13.1 KB - 200 195.35.49.231
19 https://figmacheckli...s/img/img_avatar.png image/png Low 0.787 s - - - 150 ms 129 ms 6.2 KB - 200 195.35.49.231
20 https://figmacheckli...ets/img/icon_all.svg image/svg+xml High 0.787 s - - - 155 ms 2 ms 0.3 KB - 200 195.35.49.231
21 https://figmacheckli.../img/icon_layers.svg image/svg+xml High 0.788 s - - - 159 ms 1 ms 0.3 KB - 200 195.35.49.231
22 https://figmacheckli.../img/icon_layout.svg image/svg+xml High 0.788 s - - - 163 ms 1 ms 0.3 KB - 200 195.35.49.231
23 https://figmacheckli.../icon_properties.svg image/svg+xml High 0.788 s - - - 168 ms 2 ms 0.2 KB - 200 195.35.49.231
24 https://figmacheckli...s/img/icon_style.svg image/svg+xml High 0.788 s - - - 171 ms 1 ms 0.6 KB - 200 195.35.49.231
25 https://figmacheckli...img/icon_general.svg image/svg+xml High 0.79 s - - - 173 ms 3 ms 0.6 KB - 200 195.35.49.231
26 https://figmacheckli...ets/img/icon_add.svg image/svg+xml Low 0.79 s - - - 178 ms 1 ms 0.2 KB - 200 195.35.49.231
27 https://figmacheckli...mg/icon_linkedin.svg image/svg+xml Low 0.79 s - - - 179 ms 2 ms 1.1 KB - 200 195.35.49.231
28 https://figmacheckli...ets/img/icon_web.svg image/svg+xml Low 0.79 s - - - 184 ms 2 ms 1.1 KB - 200 195.35.49.231
29 https://cdn.usefatho...=%7B%7D&cid=37869176 text/plain Low 0.94 s - - - 129 ms 1 ms 0.0 KB - 200 169.150.247.36
30 https://rsms.me/inte...r-Medium.woff2?v=4.0 font/woff2 Highest 1.059 s - - - 116 ms 227 ms 108.8 KB - 200 104.21.234.234
31 https://rsms.me/inte...-Regular.woff2?v=4.0 font/woff2 Highest 1.059 s - - - 151 ms 371 ms 105.9 KB - 200 104.21.234.234
32 https://rsms.me/inte...SemiBold.woff2?v=4.0 font/woff2 Highest 1.06 s - - - 167 ms 720 ms 109.0 KB - 200 104.21.234.234
33 https://rsms.me/inte...ter-Bold.woff2?v=4.0 font/woff2 Highest 1.06 s - - - 158 ms 545 ms 108.4 KB - 200 104.21.234.234
34 https://figmacheckli...on/favicon-32x32.png image/png High 1.963 s - - - 63 ms 1 ms 1.2 KB - 200 195.35.49.231
35 https://figmacheckli...con/site.webmanifest text/plain Medium 2.085 s - - - 55 ms - 0.2 KB - 200 195.35.49.231

Request Headers

+ Expand All

Request 1: https://figmachecklists.com/

URL: https://figmachecklists.com/
Host: figmachecklists.com
IP: 195.35.49.231
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 1, weight 256, depends on 0, EXCLUSIVE
Initiated By: https://cdn.usefathom.com/script.js
Request Start: 0.173 s
DNS Lookup: 61 ms
Initial Connection: 41 ms
Time to First Byte: 92 ms
Content Download: 4 ms
Bytes In (downloaded): 10.4 KB
Uncompressed Size: 90.7 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: figmachecklists.com
:method: GET
:path: /
:scheme: https
accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.7
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: u=0, i
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: document
sec-fetch-mode: navigate
sec-fetch-site: cross-site
upgrade-insecure-requests: 1
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

alt-svc: h3=":443"; ma=2592000, h3-29=":443"; ma=2592000, h3-Q050=":443"; ma=2592000, h3-Q046=":443"; ma=2592000, h3-Q043=":443"; ma=2592000, quic=":443"; ma=2592000; v="43,46"
content-encoding: br
content-length: 10656
content-security-policy: upgrade-insecure-requests
content-type: text/html; charset=UTF-8
date: Thu, 17 Oct 2024 00:45:41 GMT
panel: hpanel
platform: hostinger
server: LiteSpeed
vary: Accept-Encoding
x-content-type-options: nosniff
x-powered-by: PHP/8.1.27
:status: 200

Request 2: https://figmachecklists.com/assets/css/style.css

URL: https://figmachecklists.com/assets/css/style.css
Host: figmachecklists.com
IP: 195.35.49.231
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 3, weight 256, depends on 0, EXCLUSIVE
Initiated By: https://figmachecklists.com/ line 35
Request Start: 0.290 s
Time to First Byte: 65 ms
Content Download: 2 ms
Bytes In (downloaded): 3.1 KB
Uncompressed Size: 19.9 KB
Bytes Out (uploaded): 1.8 KB

Request Headers:

:authority: figmachecklists.com
:method: GET
:path: /assets/css/style.css
:scheme: https
accept: text/css,*/*;q=0.1
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: u=0
referer: https://figmachecklists.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: style
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

accept-ranges: bytes
cache-control: public, max-age=604800
content-encoding: br
content-length: 3197
content-security-policy: upgrade-insecure-requests
content-type: text/css
date: Thu, 17 Oct 2024 00:45:41 GMT
etag: "4fa5-65d61bac-5e8fa45c03d7c635;br"
expires: Thu, 24 Oct 2024 00:45:41 GMT
last-modified: Wed, 21 Feb 2024 15:50:04 GMT
panel: hpanel
platform: hostinger
server: LiteSpeed
vary: Accept-Encoding
x-content-type-options: nosniff
:status: 200

Request 3: https://figmachecklists.com/assets/js/actions-min.js

URL: https://figmachecklists.com/assets/js/actions-min.js
Host: figmachecklists.com
IP: 195.35.49.231
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 5, weight 220, depends on 3, EXCLUSIVE
Initiated By: https://figmachecklists.com/ line 39
Request Start: 0.290 s
Time to First Byte: 68 ms
Content Download: 1 ms
Bytes In (downloaded): 0.4 KB
Uncompressed Size: 1.3 KB
Bytes Out (uploaded): 1.8 KB

Request Headers:

:authority: figmachecklists.com
:method: GET
:path: /assets/js/actions-min.js
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: u=1
referer: https://figmachecklists.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: script
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

accept-ranges: bytes
cache-control: public, max-age=604800
content-encoding: br
content-length: 415
content-security-policy: upgrade-insecure-requests
content-type: application/x-javascript
date: Thu, 17 Oct 2024 00:45:41 GMT
etag: "538-65d61bc2-81f664aacbb9aa7c;br"
expires: Thu, 24 Oct 2024 00:45:41 GMT
last-modified: Wed, 21 Feb 2024 15:50:26 GMT
panel: hpanel
platform: hostinger
server: LiteSpeed
vary: Accept-Encoding
x-content-type-options: nosniff
:status: 200

Request 4: https://figmachecklists.com/assets/img/img_conus.png

URL: https://figmachecklists.com/assets/img/img_conus.png
Host: figmachecklists.com
IP: 195.35.49.231
Error/Status Code: 200
Priority: Medium
Protocol: HTTP/2
HTTP/2 Stream: 7, weight 183, depends on 5, EXCLUSIVE
Initiated By: https://figmachecklists.com/ line 64
Request Start: 0.290 s
Time to First Byte: 95 ms
Content Download: 29 ms
Bytes In (downloaded): 21.9 KB
Uncompressed Size: 21.9 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: figmachecklists.com
:method: GET
:path: /assets/img/img_conus.png
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: u=2, i
referer: https://figmachecklists.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

accept-ranges: bytes
cache-control: public, max-age=604800
content-length: 22434
content-security-policy: upgrade-insecure-requests
content-type: image/png
date: Thu, 17 Oct 2024 00:45:41 GMT
etag: "57a2-65d61bbc-364ba29f01ea7f54;;;"
expires: Thu, 24 Oct 2024 00:45:41 GMT
last-modified: Wed, 21 Feb 2024 15:50:20 GMT
panel: hpanel
platform: hostinger
server: LiteSpeed
x-content-type-options: nosniff
:status: 200

Request 5: https://figmachecklists.com/assets/img/img_half-torus.png

URL: https://figmachecklists.com/assets/img/img_half-torus.png
Host: figmachecklists.com
IP: 195.35.49.231
Error/Status Code: 200
Priority: Medium
Protocol: HTTP/2
HTTP/2 Stream: 9, weight 183, depends on 7, EXCLUSIVE
Initiated By: https://figmachecklists.com/ line 65
Request Start: 0.290 s
Time to First Byte: 125 ms
Content Download: 50 ms
Bytes In (downloaded): 29.7 KB
Uncompressed Size: 29.7 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: figmachecklists.com
:method: GET
:path: /assets/img/img_half-torus.png
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: u=2, i
referer: https://figmachecklists.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

accept-ranges: bytes
cache-control: public, max-age=604800
content-length: 30424
content-security-policy: upgrade-insecure-requests
content-type: image/png
date: Thu, 17 Oct 2024 00:45:41 GMT
etag: "76d8-65d61bbd-3e3ffbf47c1a5e0f;;;"
expires: Thu, 24 Oct 2024 00:45:41 GMT
last-modified: Wed, 21 Feb 2024 15:50:21 GMT
panel: hpanel
platform: hostinger
server: LiteSpeed
x-content-type-options: nosniff
:status: 200

Request 6: https://rsms.me/inter/inter.css

URL: https://rsms.me/inter/inter.css
Host: rsms.me
IP: 104.21.234.234
Error/Status Code: 200
Priority: Highest
Protocol: h3
Initiated By: https://figmachecklists.com/ line 29
Request Start: 0.408 s
DNS Lookup: 35 ms
Time to First Byte: 100 ms
Content Download: 1 ms
Bytes In (downloaded): 0.7 KB
Uncompressed Size: 6.9 KB
Bytes Out (uploaded): 1.8 KB

Request Headers:

:authority: rsms.me
:method: GET
:path: /inter/inter.css
:scheme: https
accept: text/css,*/*;q=0.1
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: u=0
referer: https://figmachecklists.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: style
sec-fetch-mode: no-cors
sec-fetch-site: cross-site
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

accept-ranges: bytes
access-control-allow-origin: *
age: 135
alt-svc: h3=":443"; ma=86400
cache-control: max-age=14400
cf-cache-status: HIT
cf-ray: 8d3c44709aaadbd7-FRA
content-encoding: gzip
content-length: 712
content-type: text/css; charset=utf-8
date: Thu, 17 Oct 2024 00:45:41 GMT
etag: W/"6601abff-1b8d"
expires: Wed, 18 Sep 2024 02:56:42 GMT
last-modified: Mon, 25 Mar 2024 16:53:19 GMT
nel: {"success_fraction":0,"report_to":"cf-nel","max_age":604800}
report-to: {"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v4?s=cOX%2FSxSEfSOMJAahgEQodzUVKlv56njOFB9%2BK0uH7bo9KmnH5t48VLrHzEX0%2FGy7YHydERNVYJGAd8bi%2ByNY%2FHq%2FeuMV9X1SYvRZRc3BQvGhjMmG0YKalP%2Bt"}],"group":"cf-nel","max_age":604800}
server: cloudflare
server-timing: cfExtPri
vary: Accept-Encoding
via: 1.1 varnish
x-cache: HIT
x-cache-hits: 1
x-fastly-request-id: b091f9605e8a053b8158d3e394539c2e8a99c5ab
x-github-request-id: 5815:3754EB:2796E51:28B9783:670DED24
x-origin-cache: HIT
x-proxy-cache: MISS
x-served-by: cache-lin1730074-LIN
x-timer: S1729027445.228519,VS0,VE1

Request 7: https://figmachecklists.com/assets/img/img_torus-array.png

URL: https://figmachecklists.com/assets/img/img_torus-array.png
Host: figmachecklists.com
IP: 195.35.49.231
Error/Status Code: 200
Priority: Medium
Protocol: HTTP/2
HTTP/2 Stream: 11, weight 183, depends on 9, EXCLUSIVE
Initiated By: https://figmachecklists.com/ line 66
Request Start: 0.417 s
Time to First Byte: 118 ms
Content Download: 75 ms
Bytes In (downloaded): 55.4 KB
Uncompressed Size: 55.4 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: figmachecklists.com
:method: GET
:path: /assets/img/img_torus-array.png
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: u=2, i
referer: https://figmachecklists.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

accept-ranges: bytes
cache-control: public, max-age=604800
content-length: 56777
content-security-policy: upgrade-insecure-requests
content-type: image/png
date: Thu, 17 Oct 2024 00:45:41 GMT
etag: "ddc9-65d61bc0-d8f1c1fa3e760b3f;;;"
expires: Thu, 24 Oct 2024 00:45:41 GMT
last-modified: Wed, 21 Feb 2024 15:50:24 GMT
panel: hpanel
platform: hostinger
server: LiteSpeed
x-content-type-options: nosniff
:status: 200

Request 8: https://figmachecklists.com/media/pages/lists/design/layers-name-are-semantic/99daa2e36f-1708530638/[email protected]

URL: https://figmachecklists.com/media/pages/lists/design/layers-name-are-semantic/99daa2e36f-1708530638/[email protected]
Host: figmachecklists.com
IP: 195.35.49.231
Error/Status Code: 200
Priority: Medium
Protocol: h3
Initiated By: https://figmachecklists.com/ line 161
Request Start: 0.467 s
Time to First Byte: 145 ms
Content Download: 29 ms
Bytes In (downloaded): 16.6 KB
Uncompressed Size: 16.6 KB
Bytes Out (uploaded): 2.2 KB

Request Headers:

:authority: figmachecklists.com
:method: GET
:path: /media/pages/lists/design/layers-name-are-semantic/99daa2e36f-1708530638/[email protected]
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: u=2, i
referer: https://figmachecklists.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

accept-ranges: bytes
alt-svc: h3=":443"; ma=2592000, h3-29=":443"; ma=2592000, h3-Q050=":443"; ma=2592000, h3-Q046=":443"; ma=2592000, h3-Q043=":443"; ma=2592000, quic=":443"; ma=2592000; v="43,46"
cache-control: public, max-age=604800
content-length: 16950
content-security-policy: upgrade-insecure-requests
content-type: image/png
date: Thu, 17 Oct 2024 00:45:41 GMT
etag: "4236-65d61c0c-7a211e7f705aa8c;;;"
expires: Thu, 24 Oct 2024 00:45:41 GMT
last-modified: Wed, 21 Feb 2024 15:51:40 GMT
panel: hpanel
platform: hostinger
server: LiteSpeed
x-content-type-options: nosniff

Request 9: https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js

URL: https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js
Host: ajax.googleapis.com
IP: 172.217.16.202
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 1, weight 220, depends on 0, EXCLUSIVE
Initiated By: https://figmachecklists.com/ line 38
Request Start: 0.497 s
DNS Lookup: 65 ms
Initial Connection: 53 ms
Time to First Byte: 149 ms
Content Download: 83 ms
Bytes In (downloaded): 29.7 KB
Uncompressed Size: 85.4 KB
Bytes Out (uploaded): 1.9 KB

Request Headers:

:authority: ajax.googleapis.com
:method: GET
:path: /ajax/libs/jquery/3.7.0/jquery.min.js
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: u=1
referer: https://figmachecklists.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: script
sec-fetch-mode: no-cors
sec-fetch-site: cross-site
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
x-client-data: CKGOywE=

Response Headers:

accept-ranges: bytes
access-control-allow-origin: *
cache-control: public, max-age=31536000, stale-while-revalidate=2592000
content-encoding: gzip
content-length: 30433
content-security-policy-report-only: require-trusted-types-for 'script'; report-uri https://csp.withgoogle.com/csp/hosted-libraries-pushers
content-type: text/javascript; charset=UTF-8
cross-origin-opener-policy: same-origin; report-to="hosted-libraries-pushers"
cross-origin-resource-policy: cross-origin
date: Thu, 17 Oct 2024 00:45:41 GMT
expires: Fri, 17 Oct 2025 00:45:41 GMT
last-modified: Wed, 17 May 2023 18:15:00 GMT
report-to: {"group":"hosted-libraries-pushers","max_age":2592000,"endpoints":[{"url":"https://csp.withgoogle.com/csp/report-to/hosted-libraries-pushers"}]}
server: sffe
timing-allow-origin: *
vary: Accept-Encoding
x-content-type-options: nosniff
x-xss-protection: 0
:status: 200

Request 10: https://cdn.usefathom.com/script.js

URL: https://cdn.usefathom.com/script.js
Host: cdn.usefathom.com
IP: 169.150.247.36
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 1, weight 147, depends on 0, EXCLUSIVE
Initiated By: https://figmachecklists.com/ line 32
Request Start: 0.503 s
DNS Lookup: 80 ms
Initial Connection: 45 ms
Time to First Byte: 142 ms
Content Download: 1 ms
Bytes In (downloaded): 1.8 KB
Uncompressed Size: 5.9 KB
Bytes Out (uploaded): 1.7 KB

Request Headers:

:authority: cdn.usefathom.com
:method: GET
:path: /script.js
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
referer: https://figmachecklists.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: script
sec-fetch-mode: no-cors
sec-fetch-site: cross-site
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

access-control-allow-origin: *
cache-control: public, max-age=0
cdn-cache: HIT
cdn-cachedat: 10/16/2024 12:59:14
cdn-edgestorageid: 1080
cdn-proxyver: 1.04
cdn-pullzone: 506217
cdn-requestcountrycode: DE
cdn-requestid: 831af9e5b9d2ea0878d59ae6af07c013
cdn-requestpullcode: 200
cdn-requestpullsuccess: True
cdn-requesttime: 0
cdn-status: 200
cdn-uid: aa90c48b-f401-4fa1-aac1-c94c8f3ae560
content-encoding: br
content-type: application/javascript
date: Thu, 17 Oct 2024 00:45:41 GMT
etag: "d41d8cd98f00b204e9800998ecf8427e"
last-modified: Wed, 11 Sep 2024 17:57:56 GMT
server: BunnyCDN-DE1-1079
vary: Accept-Encoding
x-vapor-base64-encode: True
:status: 200

Request 11: https://figmachecklists.com/media/pages/lists/design/autolayout-values-come-from-variables/4352e174f8-1708530630/[email protected]

URL: https://figmachecklists.com/media/pages/lists/design/autolayout-values-come-from-variables/4352e174f8-1708530630/[email protected]
Host: figmachecklists.com
IP: 195.35.49.231
Error/Status Code: 200
Priority: Low
Protocol: h3
Initiated By: https://figmachecklists.com/ line 248
Request Start: 0.648 s
Time to First Byte: 49 ms
Content Download: 28 ms
Bytes In (downloaded): 14.8 KB
Uncompressed Size: 14.8 KB
Bytes Out (uploaded): 2.3 KB

Request Headers:

:authority: figmachecklists.com
:method: GET
:path: /media/pages/lists/design/autolayout-values-come-from-variables/4352e174f8-1708530630/[email protected]
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://figmachecklists.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

accept-ranges: bytes
cache-control: public, max-age=604800
content-length: 15124
content-security-policy: upgrade-insecure-requests
content-type: image/png
date: Thu, 17 Oct 2024 00:45:42 GMT
etag: "3b14-65d61c0c-b174593f6e111122;;;"
expires: Thu, 24 Oct 2024 00:45:42 GMT
last-modified: Wed, 21 Feb 2024 15:51:40 GMT
panel: hpanel
platform: hostinger
server: LiteSpeed
x-content-type-options: nosniff

Request 12: https://figmachecklists.com/media/pages/lists/design/the-top-layer-is-stacked-first/a7651f2835-1708530636/[email protected]

URL: https://figmachecklists.com/media/pages/lists/design/the-top-layer-is-stacked-first/a7651f2835-1708530636/[email protected]
Host: figmachecklists.com
IP: 195.35.49.231
Error/Status Code: 200
Priority: Low
Protocol: h3
Initiated By: https://figmachecklists.com/ line 354
Request Start: 0.731 s
Time to First Byte: 58 ms
Content Download: 189 ms
Bytes In (downloaded): 82.8 KB
Uncompressed Size: 82.8 KB
Bytes Out (uploaded): 2.2 KB

Request Headers:

:authority: figmachecklists.com
:method: GET
:path: /media/pages/lists/design/the-top-layer-is-stacked-first/a7651f2835-1708530636/[email protected]
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://figmachecklists.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

accept-ranges: bytes
cache-control: public, max-age=604800
content-length: 84813
content-security-policy: upgrade-insecure-requests
content-type: image/png
date: Thu, 17 Oct 2024 00:45:42 GMT
etag: "14b4d-65d61c0c-d52005e711946c8;;;"
expires: Thu, 24 Oct 2024 00:45:42 GMT
last-modified: Wed, 21 Feb 2024 15:51:40 GMT
panel: hpanel
platform: hostinger
server: LiteSpeed
x-content-type-options: nosniff

Request 13: https://figmachecklists.com/media/pages/lists/design/properties-name-are-as-short-as-possible/4a24c99396-1708530642/[email protected]

URL: https://figmachecklists.com/media/pages/lists/design/properties-name-are-as-short-as-possible/4a24c99396-1708530642/[email protected]
Host: figmachecklists.com
IP: 195.35.49.231
Error/Status Code: 200
Priority: Low
Protocol: h3
Initiated By: https://figmachecklists.com/ line 415
Request Start: 0.755 s
Time to First Byte: 100 ms
Content Download: 241 ms
Bytes In (downloaded): 11.3 KB
Uncompressed Size: 11.3 KB
Bytes Out (uploaded): 2.3 KB

Request Headers:

:authority: figmachecklists.com
:method: GET
:path: /media/pages/lists/design/properties-name-are-as-short-as-possible/4a24c99396-1708530642/[email protected]
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://figmachecklists.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

accept-ranges: bytes
cache-control: public, max-age=604800
content-length: 11585
content-security-policy: upgrade-insecure-requests
content-type: image/png
date: Thu, 17 Oct 2024 00:45:42 GMT
etag: "2d41-65d61c0c-31bcc9649f4c9165;;;"
expires: Thu, 24 Oct 2024 00:45:42 GMT
last-modified: Wed, 21 Feb 2024 15:51:40 GMT
panel: hpanel
platform: hostinger
server: LiteSpeed
x-content-type-options: nosniff

Request 14: https://figmachecklists.com/media/pages/lists/design/nested-properties-names-use-to-indicate-hierarchy/f65f795238-1708530644/[email protected]

URL: https://figmachecklists.com/media/pages/lists/design/nested-properties-names-use-to-indicate-hierarchy/f65f795238-1708530644/[email protected]
Host: figmachecklists.com
IP: 195.35.49.231
Error/Status Code: 200
Priority: Low
Protocol: h3
Initiated By: https://figmachecklists.com/ line 469
Request Start: 0.760 s
Time to First Byte: 120 ms
Content Download: 228 ms
Bytes In (downloaded): 17.8 KB
Uncompressed Size: 17.8 KB
Bytes Out (uploaded): 2.3 KB

Request Headers:

:authority: figmachecklists.com
:method: GET
:path: /media/pages/lists/design/nested-properties-names-use-to-indicate-hierarchy/f65f795238-1708530644/[email protected]
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://figmachecklists.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

accept-ranges: bytes
cache-control: public, max-age=604800
content-length: 18191
content-security-policy: upgrade-insecure-requests
content-type: image/png
date: Thu, 17 Oct 2024 00:45:42 GMT
etag: "470f-65d61c0c-40eccac0e39ed4d1;;;"
expires: Thu, 24 Oct 2024 00:45:42 GMT
last-modified: Wed, 21 Feb 2024 15:51:40 GMT
panel: hpanel
platform: hostinger
server: LiteSpeed
x-content-type-options: nosniff

Request 15: https://figmachecklists.com/media/pages/lists/testing/check-components-for-conflicting-properties-before-publishing/d9a4085bdf-1708530653/check-components-for-conflicting-properties-before-publishing@2x.png

URL: https://figmachecklists.com/media/pages/lists/testing/check-components-for-conflicting-properties-before-publishing/d9a4085bdf-1708530653/check-components-for-conflicting-properties-before-publishing@2x.png
Host: figmachecklists.com
IP: 195.35.49.231
Error/Status Code: 200
Priority: Low
Protocol: h3
Initiated By: https://figmachecklists.com/ line 762
Request Start: 0.765 s
Time to First Byte: 123 ms
Content Download: 283 ms
Bytes In (downloaded): 30.4 KB
Uncompressed Size: 30.4 KB
Bytes Out (uploaded): 2.4 KB

Request Headers:

:authority: figmachecklists.com
:method: GET
:path: /media/pages/lists/testing/check-components-for-conflicting-properties-before-publishing/d9a4085bdf-1708530653/check-components-for-conflicting-properties-before-publishing@2x.png
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://figmachecklists.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

accept-ranges: bytes
cache-control: public, max-age=604800
content-length: 31126
content-security-policy: upgrade-insecure-requests
content-type: image/png
date: Thu, 17 Oct 2024 00:45:42 GMT
etag: "7996-65d61c0c-56d7b673486998da;;;"
expires: Thu, 24 Oct 2024 00:45:42 GMT
last-modified: Wed, 21 Feb 2024 15:51:40 GMT
panel: hpanel
platform: hostinger
server: LiteSpeed
x-content-type-options: nosniff

Request 16: https://figmachecklists.com/media/pages/lists/testing/eliminate-unused-properties/3c2cf1fac7-1708530657/[email protected]

URL: https://figmachecklists.com/media/pages/lists/testing/eliminate-unused-properties/3c2cf1fac7-1708530657/[email protected]
Host: figmachecklists.com
IP: 195.35.49.231
Error/Status Code: 200
Priority: Low
Protocol: h3
Initiated By: https://figmachecklists.com/ line 790
Request Start: 0.768 s
Time to First Byte: 122 ms
Content Download: 266 ms
Bytes In (downloaded): 25.6 KB
Uncompressed Size: 25.6 KB
Bytes Out (uploaded): 2.2 KB

Request Headers:

:authority: figmachecklists.com
:method: GET
:path: /media/pages/lists/testing/eliminate-unused-properties/3c2cf1fac7-1708530657/[email protected]
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://figmachecklists.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

accept-ranges: bytes
cache-control: public, max-age=604800
content-length: 26233
content-security-policy: upgrade-insecure-requests
content-type: image/png
date: Thu, 17 Oct 2024 00:45:42 GMT
etag: "6679-65d61c0c-60381bf0f642cf15;;;"
expires: Thu, 24 Oct 2024 00:45:42 GMT
last-modified: Wed, 21 Feb 2024 15:51:40 GMT
panel: hpanel
platform: hostinger
server: LiteSpeed
x-content-type-options: nosniff

Request 17: https://figmachecklists.com/media/pages/lists/testing/check-that-variants-are-not-missing-properties/3affefd5ab-1708530648/[email protected]

URL: https://figmachecklists.com/media/pages/lists/testing/check-that-variants-are-not-missing-properties/3affefd5ab-1708530648/[email protected]
Host: figmachecklists.com
IP: 195.35.49.231
Error/Status Code: 200
Priority: Low
Protocol: h3
Initiated By: https://figmachecklists.com/ line 818
Request Start: 0.775 s
Time to First Byte: 120 ms
Content Download: 251 ms
Bytes In (downloaded): 28.7 KB
Uncompressed Size: 28.7 KB
Bytes Out (uploaded): 2.3 KB

Request Headers:

:authority: figmachecklists.com
:method: GET
:path: /media/pages/lists/testing/check-that-variants-are-not-missing-properties/3affefd5ab-1708530648/[email protected]
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://figmachecklists.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

accept-ranges: bytes
cache-control: public, max-age=604800
content-length: 29425
content-security-policy: upgrade-insecure-requests
content-type: image/png
date: Thu, 17 Oct 2024 00:45:42 GMT
etag: "72f1-65d61c0c-7459f9beaf97d231;;;"
expires: Thu, 24 Oct 2024 00:45:42 GMT
last-modified: Wed, 21 Feb 2024 15:51:40 GMT
panel: hpanel
platform: hostinger
server: LiteSpeed
x-content-type-options: nosniff

Request 18: https://figmachecklists.com/media/pages/lists/testing/ensure-that-the-original-nested-components-exist/5fe601efe5-1708530655/[email protected]

URL: https://figmachecklists.com/media/pages/lists/testing/ensure-that-the-original-nested-components-exist/5fe601efe5-1708530655/[email protected]
Host: figmachecklists.com
IP: 195.35.49.231
Error/Status Code: 200
Priority: Low
Protocol: h3
Initiated By: https://figmachecklists.com/ line 905
Request Start: 0.785 s
Time to First Byte: 150 ms
Content Download: 158 ms
Bytes In (downloaded): 13.1 KB
Uncompressed Size: 13.1 KB
Bytes Out (uploaded): 2.3 KB

Request Headers:

:authority: figmachecklists.com
:method: GET
:path: /media/pages/lists/testing/ensure-that-the-original-nested-components-exist/5fe601efe5-1708530655/[email protected]
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://figmachecklists.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

accept-ranges: bytes
cache-control: public, max-age=604800
content-length: 13416
content-security-policy: upgrade-insecure-requests
content-type: image/png
date: Thu, 17 Oct 2024 00:45:42 GMT
etag: "3468-65d61c0c-516a75fa142bef3;;;"
expires: Thu, 24 Oct 2024 00:45:42 GMT
last-modified: Wed, 21 Feb 2024 15:51:40 GMT
panel: hpanel
platform: hostinger
server: LiteSpeed
x-content-type-options: nosniff

Request 19: https://figmachecklists.com/assets/img/img_avatar.png

URL: https://figmachecklists.com/assets/img/img_avatar.png
Host: figmachecklists.com
IP: 195.35.49.231
Error/Status Code: 200
Priority: Low
Protocol: h3
Initiated By: https://figmachecklists.com/ line 947
Request Start: 0.787 s
Time to First Byte: 150 ms
Content Download: 129 ms
Bytes In (downloaded): 6.2 KB
Uncompressed Size: 6.2 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: figmachecklists.com
:method: GET
:path: /assets/img/img_avatar.png
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://figmachecklists.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

accept-ranges: bytes
cache-control: public, max-age=604800
content-length: 6386
content-security-policy: upgrade-insecure-requests
content-type: image/png
date: Thu, 17 Oct 2024 00:45:42 GMT
etag: "18f2-65d61bba-7d7bc2549aa61faa;;;"
expires: Thu, 24 Oct 2024 00:45:42 GMT
last-modified: Wed, 21 Feb 2024 15:50:18 GMT
panel: hpanel
platform: hostinger
server: LiteSpeed
x-content-type-options: nosniff

Request 20: https://figmachecklists.com/assets/img/icon_all.svg

URL: https://figmachecklists.com/assets/img/icon_all.svg
Host: figmachecklists.com
IP: 195.35.49.231
Error/Status Code: 200
Priority: High
Protocol: h3
Initiated By: https://figmachecklists.com/assets/css/style.css
Request Start: 0.787 s
Time to First Byte: 155 ms
Content Download: 2 ms
Bytes In (downloaded): 0.3 KB
Uncompressed Size: 0.5 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: figmachecklists.com
:method: GET
:path: /assets/img/icon_all.svg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
origin: https://figmachecklists.com
priority: i
referer: https://figmachecklists.com/assets/css/style.css
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

accept-ranges: bytes
cache-control: public, max-age=604800
content-encoding: br
content-length: 283
content-security-policy: upgrade-insecure-requests
content-type: image/svg+xml
date: Thu, 17 Oct 2024 00:45:42 GMT
etag: "1ff-65d61bb2-902e9bb3431d78f3;br"
expires: Thu, 24 Oct 2024 00:45:42 GMT
last-modified: Wed, 21 Feb 2024 15:50:10 GMT
panel: hpanel
platform: hostinger
server: LiteSpeed
vary: Accept-Encoding
x-content-type-options: nosniff

Request 21: https://figmachecklists.com/assets/img/icon_layers.svg

URL: https://figmachecklists.com/assets/img/icon_layers.svg
Host: figmachecklists.com
IP: 195.35.49.231
Error/Status Code: 200
Priority: High
Protocol: h3
Initiated By: https://figmachecklists.com/assets/css/style.css
Request Start: 0.788 s
Time to First Byte: 159 ms
Content Download: 1 ms
Bytes In (downloaded): 0.3 KB
Uncompressed Size: 0.5 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: figmachecklists.com
:method: GET
:path: /assets/img/icon_layers.svg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
origin: https://figmachecklists.com
priority: i
referer: https://figmachecklists.com/assets/css/style.css
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

accept-ranges: bytes
cache-control: public, max-age=604800
content-encoding: br
content-length: 265
content-security-policy: upgrade-insecure-requests
content-type: image/svg+xml
date: Thu, 17 Oct 2024 00:45:42 GMT
etag: "1d1-65d61bb6-c9fb6eea50ee043f;br"
expires: Thu, 24 Oct 2024 00:45:42 GMT
last-modified: Wed, 21 Feb 2024 15:50:14 GMT
panel: hpanel
platform: hostinger
server: LiteSpeed
vary: Accept-Encoding
x-content-type-options: nosniff

Request 22: https://figmachecklists.com/assets/img/icon_layout.svg

URL: https://figmachecklists.com/assets/img/icon_layout.svg
Host: figmachecklists.com
IP: 195.35.49.231
Error/Status Code: 200
Priority: High
Protocol: h3
Initiated By: https://figmachecklists.com/assets/css/style.css
Request Start: 0.788 s
Time to First Byte: 163 ms
Content Download: 1 ms
Bytes In (downloaded): 0.3 KB
Uncompressed Size: 0.6 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: figmachecklists.com
:method: GET
:path: /assets/img/icon_layout.svg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
origin: https://figmachecklists.com
priority: i
referer: https://figmachecklists.com/assets/css/style.css
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

accept-ranges: bytes
cache-control: public, max-age=604800
content-encoding: br
content-length: 336
content-security-policy: upgrade-insecure-requests
content-type: image/svg+xml
date: Thu, 17 Oct 2024 00:45:42 GMT
etag: "28b-65d61bb6-b810dede3633d7be;br"
expires: Thu, 24 Oct 2024 00:45:42 GMT
last-modified: Wed, 21 Feb 2024 15:50:14 GMT
panel: hpanel
platform: hostinger
server: LiteSpeed
vary: Accept-Encoding
x-content-type-options: nosniff

Request 23: https://figmachecklists.com/assets/img/icon_properties.svg

URL: https://figmachecklists.com/assets/img/icon_properties.svg
Host: figmachecklists.com
IP: 195.35.49.231
Error/Status Code: 200
Priority: High
Protocol: h3
Initiated By: https://figmachecklists.com/assets/css/style.css
Request Start: 0.788 s
Time to First Byte: 168 ms
Content Download: 2 ms
Bytes In (downloaded): 0.2 KB
Uncompressed Size: 0.4 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: figmachecklists.com
:method: GET
:path: /assets/img/icon_properties.svg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
origin: https://figmachecklists.com
priority: i
referer: https://figmachecklists.com/assets/css/style.css
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

accept-ranges: bytes
cache-control: public, max-age=604800
content-encoding: br
content-length: 248
content-security-policy: upgrade-insecure-requests
content-type: image/svg+xml
date: Thu, 17 Oct 2024 00:45:42 GMT
etag: "1a2-65d61bb8-2add319442263975;br"
expires: Thu, 24 Oct 2024 00:45:42 GMT
last-modified: Wed, 21 Feb 2024 15:50:16 GMT
panel: hpanel
platform: hostinger
server: LiteSpeed
vary: Accept-Encoding
x-content-type-options: nosniff

Request 24: https://figmachecklists.com/assets/img/icon_style.svg

URL: https://figmachecklists.com/assets/img/icon_style.svg
Host: figmachecklists.com
IP: 195.35.49.231
Error/Status Code: 200
Priority: High
Protocol: h3
Initiated By: https://figmachecklists.com/assets/css/style.css
Request Start: 0.788 s
Time to First Byte: 171 ms
Content Download: 1 ms
Bytes In (downloaded): 0.6 KB
Uncompressed Size: 1.2 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: figmachecklists.com
:method: GET
:path: /assets/img/icon_style.svg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
origin: https://figmachecklists.com
priority: i
referer: https://figmachecklists.com/assets/css/style.css
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

accept-ranges: bytes
cache-control: public, max-age=604800
content-encoding: br
content-length: 575
content-security-policy: upgrade-insecure-requests
content-type: image/svg+xml
date: Thu, 17 Oct 2024 00:45:42 GMT
etag: "4d5-65d61bb9-c74a664f11f77789;br"
expires: Thu, 24 Oct 2024 00:45:42 GMT
last-modified: Wed, 21 Feb 2024 15:50:17 GMT
panel: hpanel
platform: hostinger
server: LiteSpeed
vary: Accept-Encoding
x-content-type-options: nosniff

Request 25: https://figmachecklists.com/assets/img/icon_general.svg

URL: https://figmachecklists.com/assets/img/icon_general.svg
Host: figmachecklists.com
IP: 195.35.49.231
Error/Status Code: 200
Priority: High
Protocol: h3
Initiated By: https://figmachecklists.com/assets/css/style.css
Request Start: 0.790 s
Time to First Byte: 173 ms
Content Download: 3 ms
Bytes In (downloaded): 0.6 KB
Uncompressed Size: 1.6 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: figmachecklists.com
:method: GET
:path: /assets/img/icon_general.svg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
origin: https://figmachecklists.com
priority: i
referer: https://figmachecklists.com/assets/css/style.css
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

accept-ranges: bytes
cache-control: public, max-age=604800
content-encoding: br
content-length: 640
content-security-policy: upgrade-insecure-requests
content-type: image/svg+xml
date: Thu, 17 Oct 2024 00:45:42 GMT
etag: "668-65d61bb4-d34f605bc3abe4c4;br"
expires: Thu, 24 Oct 2024 00:45:42 GMT
last-modified: Wed, 21 Feb 2024 15:50:12 GMT
panel: hpanel
platform: hostinger
server: LiteSpeed
vary: Accept-Encoding
x-content-type-options: nosniff

Request 26: https://figmachecklists.com/assets/img/icon_add.svg

URL: https://figmachecklists.com/assets/img/icon_add.svg
Host: figmachecklists.com
IP: 195.35.49.231
Error/Status Code: 200
Priority: Low
Protocol: h3
Initiated By: https://figmachecklists.com/assets/css/style.css
Request Start: 0.790 s
Time to First Byte: 178 ms
Content Download: 1 ms
Bytes In (downloaded): 0.2 KB
Uncompressed Size: 0.4 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: figmachecklists.com
:method: GET
:path: /assets/img/icon_add.svg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
origin: https://figmachecklists.com
priority: i
referer: https://figmachecklists.com/assets/css/style.css
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

accept-ranges: bytes
cache-control: public, max-age=604800
content-encoding: br
content-length: 218
content-security-policy: upgrade-insecure-requests
content-type: image/svg+xml
date: Thu, 17 Oct 2024 00:45:42 GMT
etag: "172-65d61bb2-cec37bb912e76c3a;br"
expires: Thu, 24 Oct 2024 00:45:42 GMT
last-modified: Wed, 21 Feb 2024 15:50:10 GMT
panel: hpanel
platform: hostinger
server: LiteSpeed
vary: Accept-Encoding
x-content-type-options: nosniff

Request 27: https://figmachecklists.com/assets/img/icon_linkedin.svg

URL: https://figmachecklists.com/assets/img/icon_linkedin.svg
Host: figmachecklists.com
IP: 195.35.49.231
Error/Status Code: 200
Priority: Low
Protocol: h3
Initiated By: https://figmachecklists.com/assets/css/style.css
Request Start: 0.790 s
Time to First Byte: 179 ms
Content Download: 2 ms
Bytes In (downloaded): 1.1 KB
Uncompressed Size: 2.3 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: figmachecklists.com
:method: GET
:path: /assets/img/icon_linkedin.svg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
origin: https://figmachecklists.com
priority: i
referer: https://figmachecklists.com/assets/css/style.css
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

accept-ranges: bytes
cache-control: public, max-age=604800
content-encoding: br
content-length: 1097
content-security-policy: upgrade-insecure-requests
content-type: image/svg+xml
date: Thu, 17 Oct 2024 00:45:42 GMT
etag: "905-65d61bb7-ae343e9e491eebb7;br"
expires: Thu, 24 Oct 2024 00:45:42 GMT
last-modified: Wed, 21 Feb 2024 15:50:15 GMT
panel: hpanel
platform: hostinger
server: LiteSpeed
vary: Accept-Encoding
x-content-type-options: nosniff

Request 28: https://figmachecklists.com/assets/img/icon_web.svg

URL: https://figmachecklists.com/assets/img/icon_web.svg
Host: figmachecklists.com
IP: 195.35.49.231
Error/Status Code: 200
Priority: Low
Protocol: h3
Initiated By: https://figmachecklists.com/assets/css/style.css
Request Start: 0.790 s
Time to First Byte: 184 ms
Content Download: 2 ms
Bytes In (downloaded): 1.1 KB
Uncompressed Size: 2.9 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: figmachecklists.com
:method: GET
:path: /assets/img/icon_web.svg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
origin: https://figmachecklists.com
priority: i
referer: https://figmachecklists.com/assets/css/style.css
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

accept-ranges: bytes
cache-control: public, max-age=604800
content-encoding: br
content-length: 1128
content-security-policy: upgrade-insecure-requests
content-type: image/svg+xml
date: Thu, 17 Oct 2024 00:45:42 GMT
etag: "bca-65d61bb9-43540f1512089bd6;br"
expires: Thu, 24 Oct 2024 00:45:42 GMT
last-modified: Wed, 21 Feb 2024 15:50:17 GMT
panel: hpanel
platform: hostinger
server: LiteSpeed
vary: Accept-Encoding
x-content-type-options: nosniff

Request 29: https://cdn.usefathom.com/?h=https%3A%2F%2Ffigmachecklists.com&p=%2F&r=&sid=LSEBTMBS&qs=%7B%7D&cid=37869176

URL: https://cdn.usefathom.com/?h=https%3A%2F%2Ffigmachecklists.com&p=%2F&r=&sid=LSEBTMBS&qs=%7B%7D&cid=37869176
Host: cdn.usefathom.com
IP: 169.150.247.36
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 3, weight 147, depends on 0, EXCLUSIVE
Initiated By: https://figmachecklists.com/ line 967
Request Start: 0.940 s
Time to First Byte: 129 ms
Content Download: 1 ms
Bytes In (downloaded): 0.0 KB
Uncompressed Size: 0.0 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: cdn.usefathom.com
:method: GET
:path: /?h=https%3A%2F%2Ffigmachecklists.com&p=%2F&r=&sid=LSEBTMBS&qs=%7B%7D&cid=37869176
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://figmachecklists.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: cross-site
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

cache-control: public, max-age=0
cdn-cache: MISS
cdn-cachedat: 10/17/2024 00:45:42
cdn-edgestorageid: 1082
cdn-proxyver: 1.04
cdn-pullzone: 506217
cdn-requestcountrycode: DE
cdn-requestid: 9968c09d685c4f7bdd98e598d528b691
cdn-requestpullcode: 200
cdn-requestpullsuccess: True
cdn-requesttime: 0
cdn-status: 200
cdn-uid: aa90c48b-f401-4fa1-aac1-c94c8f3ae560
content-length: 43
content-type: text/plain; charset=utf-8, image/gif
date: Thu, 17 Oct 2024 00:45:42 GMT
pragma: no-cache
server: BunnyCDN-DE1-1079
tk: N
:status: 200

Request 30: https://rsms.me/inter/font-files/Inter-Medium.woff2?v=4.0

URL: https://rsms.me/inter/font-files/Inter-Medium.woff2?v=4.0
Host: rsms.me
IP: 104.21.234.234
Error/Status Code: 200
Priority: Highest
Protocol: h3
Initiated By: https://rsms.me/inter/inter.css
Request Start: 1.059 s
Time to First Byte: 116 ms
Content Download: 227 ms
Bytes In (downloaded): 108.8 KB
Uncompressed Size: 108.8 KB
Bytes Out (uploaded): 1.9 KB

Request Headers:

:authority: rsms.me
:method: GET
:path: /inter/font-files/Inter-Medium.woff2?v=4.0
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
origin: https://figmachecklists.com
priority: u=0
referer: https://rsms.me/inter/inter.css
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: font
sec-fetch-mode: cors
sec-fetch-site: cross-site
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

accept-ranges: bytes
access-control-allow-origin: *
alt-svc: h3=":443"; ma=86400
cache-control: max-age=2678400
cf-cache-status: REVALIDATED
cf-ray: 8d3c44746a2065e0-FRA
content-length: 111380
content-type: font/woff2
date: Thu, 17 Oct 2024 00:45:42 GMT
etag: "6601abff-1b314"
expires: Wed, 25 Sep 2024 05:18:31 GMT
last-modified: Mon, 25 Mar 2024 16:53:19 GMT
nel: {"success_fraction":0,"report_to":"cf-nel","max_age":604800}
report-to: {"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v4?s=WIXB3lbg1Bt0Xkgbqq9yn9jU0LIvLFxrRR3WDhS5nNYevOfX457vCYcHpeUmSHWgW%2BUzhw54yHB2admhqLq0FEGB5uTxKoFaFGRcUFRs7Gm1bhGPZiDEuEYr"}],"group":"cf-nel","max_age":604800}
server: cloudflare
server-timing: cfExtPri
vary: Accept-Encoding
via: 1.1 varnish
x-cache: HIT
x-cache-hits: 4
x-fastly-request-id: 1d8c68097c3cb81a3a1e55df9da72b32c702c411
x-github-request-id: 6A17:3C7308:3D3CAD4:3EE9910:66FB7344
x-origin-cache: HIT
x-proxy-cache: MISS
x-served-by: cache-mad22074-MAD
x-timer: S1728994224.892801,VS0,VE0

Request 31: https://rsms.me/inter/font-files/Inter-Regular.woff2?v=4.0

URL: https://rsms.me/inter/font-files/Inter-Regular.woff2?v=4.0
Host: rsms.me
IP: 104.21.234.234
Error/Status Code: 200
Priority: Highest
Protocol: h3
Initiated By: https://rsms.me/inter/inter.css
Request Start: 1.059 s
Time to First Byte: 151 ms
Content Download: 371 ms
Bytes In (downloaded): 105.9 KB
Uncompressed Size: 105.9 KB
Bytes Out (uploaded): 1.9 KB

Request Headers:

:authority: rsms.me
:method: GET
:path: /inter/font-files/Inter-Regular.woff2?v=4.0
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
origin: https://figmachecklists.com
priority: u=0
referer: https://rsms.me/inter/inter.css
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: font
sec-fetch-mode: cors
sec-fetch-site: cross-site
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

accept-ranges: bytes
access-control-allow-origin: *
alt-svc: h3=":443"; ma=86400
cache-control: max-age=2678400
cf-cache-status: MISS
cf-ray: 8d3c44747a2365e0-FRA
content-length: 108488
content-type: font/woff2
date: Thu, 17 Oct 2024 00:45:42 GMT
etag: "6601abff-1a7c8"
expires: Thu, 10 Oct 2024 17:17:19 GMT
last-modified: Mon, 25 Mar 2024 16:53:19 GMT
nel: {"success_fraction":0,"report_to":"cf-nel","max_age":604800}
report-to: {"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v4?s=Ts85ta7u4VBK5CnRWxtwFd%2FA1NgEYtAbaDzstbPe1KLeZjEOlcUy437uKX%2BPVV1cbU%2BLTsecGnGyAVfD0jIsV5pHgRSUGGTzHmI8uiLQkZ8ixucet55nE0zT"}],"group":"cf-nel","max_age":604800}
server: cloudflare
server-timing: cfExtPri
vary: Accept-Encoding
via: 1.1 varnish
x-cache: HIT
x-cache-hits: 1
x-fastly-request-id: f7c4b27dbb9b4b4dfccfa7b0f565c590651949ba
x-github-request-id: 149A:24D16A:782F93:7AA737:670809C7
x-origin-cache: HIT
x-proxy-cache: MISS
x-served-by: cache-fra-eddf8230138-FRA
x-timer: S1729125942.477611,VS0,VE1

Request 32: https://rsms.me/inter/font-files/Inter-SemiBold.woff2?v=4.0

URL: https://rsms.me/inter/font-files/Inter-SemiBold.woff2?v=4.0
Host: rsms.me
IP: 104.21.234.234
Error/Status Code: 200
Priority: Highest
Protocol: h3
Initiated By: https://rsms.me/inter/inter.css
Request Start: 1.060 s
Time to First Byte: 167 ms
Content Download: 720 ms
Bytes In (downloaded): 109.0 KB
Uncompressed Size: 109.0 KB
Bytes Out (uploaded): 1.9 KB

Request Headers:

:authority: rsms.me
:method: GET
:path: /inter/font-files/Inter-SemiBold.woff2?v=4.0
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
origin: https://figmachecklists.com
priority: u=0
referer: https://rsms.me/inter/inter.css
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: font
sec-fetch-mode: cors
sec-fetch-site: cross-site
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

accept-ranges: bytes
access-control-allow-origin: *
alt-svc: h3=":443"; ma=86400
cache-control: max-age=2678400
cf-cache-status: MISS
cf-ray: 8d3c44747a2865e0-FRA
content-length: 111588
content-type: font/woff2
date: Thu, 17 Oct 2024 00:45:42 GMT
etag: "6601abff-1b3e4"
expires: Tue, 15 Oct 2024 07:50:59 GMT
last-modified: Mon, 25 Mar 2024 16:53:19 GMT
nel: {"success_fraction":0,"report_to":"cf-nel","max_age":604800}
report-to: {"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v4?s=rp5Z0MEeSmFHJjpGStG1DlrgLuyoF9D3lYTO5Xkna85hEgvW7zgo10IPSFkw1D5mrKJL2B8%2B6xMDllH%2BAStzkzYbKLEOsBRFMHgDKxIDmNCZ8aQr5BBkevsc"}],"group":"cf-nel","max_age":604800}
server: cloudflare
server-timing: cfExtPri
vary: Accept-Encoding
via: 1.1 varnish
x-cache: HIT
x-cache-hits: 1
x-fastly-request-id: 2d63874848ec6f3c4b190c08bbb60ec4d169c0f8
x-github-request-id: 9BC4:2C6356:BFB88C:C58299:670E1C8B
x-proxy-cache: MISS
x-served-by: cache-fra-eddf8230039-FRA
x-timer: S1729125942.485409,VS0,VE1

Request 33: https://rsms.me/inter/font-files/Inter-Bold.woff2?v=4.0

URL: https://rsms.me/inter/font-files/Inter-Bold.woff2?v=4.0
Host: rsms.me
IP: 104.21.234.234
Error/Status Code: 200
Priority: Highest
Protocol: h3
Initiated By: https://rsms.me/inter/inter.css
Request Start: 1.060 s
Time to First Byte: 158 ms
Content Download: 545 ms
Bytes In (downloaded): 108.4 KB
Uncompressed Size: 108.4 KB
Bytes Out (uploaded): 1.9 KB

Request Headers:

:authority: rsms.me
:method: GET
:path: /inter/font-files/Inter-Bold.woff2?v=4.0
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
origin: https://figmachecklists.com
priority: u=0
referer: https://rsms.me/inter/inter.css
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: font
sec-fetch-mode: cors
sec-fetch-site: cross-site
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

accept-ranges: bytes
access-control-allow-origin: *
alt-svc: h3=":443"; ma=86400
cache-control: max-age=2678400
cf-cache-status: REVALIDATED
cf-ray: 8d3c44747a2665e0-FRA
content-length: 111040
content-type: font/woff2
date: Thu, 17 Oct 2024 00:45:42 GMT
etag: "6601abff-1b1c0"
expires: Thu, 26 Sep 2024 11:57:17 GMT
last-modified: Mon, 25 Mar 2024 16:53:19 GMT
nel: {"success_fraction":0,"report_to":"cf-nel","max_age":604800}
report-to: {"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v4?s=yHz%2BzMwqwc%2BbAZL4lEDUabrfq2neOi2Y00K1u1DZ9B2NyrbnvguLqGqlMWkmTFh6lMWcdiSbS0HB%2BfU64k7jgX8RY41c6UY%2BUn2r%2BaQF3HjA79u9vqY7rjB1"}],"group":"cf-nel","max_age":604800}
server: cloudflare
server-timing: cfExtPri
vary: Accept-Encoding
via: 1.1 varnish
x-cache: HIT
x-cache-hits: 1
x-fastly-request-id: 1b6cf55871f874f7258acbe07d4e9ff978c17f41
x-github-request-id: 2043:340310:5037949:5216BBD:66E910E1
x-origin-cache: HIT
x-proxy-cache: MISS
x-served-by: cache-mad2200119-MAD
x-timer: S1728994224.960778,VS0,VE2

Request 34: https://figmachecklists.com/assets/favicon/favicon-32x32.png

URL: https://figmachecklists.com/assets/favicon/favicon-32x32.png
Host: figmachecklists.com
IP: 195.35.49.231
Error/Status Code: 200
Priority: High
Protocol: h3
Request Start: 1.963 s
Time to First Byte: 63 ms
Content Download: 1 ms
Bytes In (downloaded): 1.2 KB
Uncompressed Size: 1.2 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: figmachecklists.com
:method: GET
:path: /assets/favicon/favicon-32x32.png
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: u=1, i
referer: https://figmachecklists.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

accept-ranges: bytes
cache-control: public, max-age=604800
content-length: 1259
content-security-policy: upgrade-insecure-requests
content-type: image/png
date: Thu, 17 Oct 2024 00:45:43 GMT
etag: "4eb-65d61bb0-81839953be5230d5;;;"
expires: Thu, 24 Oct 2024 00:45:43 GMT
last-modified: Wed, 21 Feb 2024 15:50:08 GMT
panel: hpanel
platform: hostinger
server: LiteSpeed
x-content-type-options: nosniff

Request 35: https://figmachecklists.com/assets/favicon/site.webmanifest

URL: https://figmachecklists.com/assets/favicon/site.webmanifest
Host: figmachecklists.com
IP: 195.35.49.231
Error/Status Code: 200
Priority: Medium
Protocol: h3
Request Start: 2.085 s
Time to First Byte: 55 ms
Bytes In (downloaded): 0.2 KB
Uncompressed Size: 0.4 KB
Bytes Out (uploaded): 1.8 KB

Request Headers:

:authority: figmachecklists.com
:method: GET
:path: /assets/favicon/site.webmanifest
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: u=2
referer: https://figmachecklists.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: manifest
sec-fetch-mode: cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

accept-ranges: bytes
alt-svc: h3=":443"; ma=2592000, h3-29=":443"; ma=2592000, h3-Q050=":443"; ma=2592000, h3-Q046=":443"; ma=2592000, h3-Q043=":443"; ma=2592000, quic=":443"; ma=2592000; v="43,46"
content-encoding: br
content-length: 168
content-security-policy: upgrade-insecure-requests
content-type: text/plain
date: Thu, 17 Oct 2024 00:45:43 GMT
etag: "1b1-65d61bb1-8fb1df21e434d597;br"
last-modified: Wed, 21 Feb 2024 15:50:09 GMT
panel: hpanel
platform: hostinger
server: LiteSpeed
vary: Accept-Encoding
x-content-type-options: nosniff