<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Harsh Patel</title>
    <description>The latest articles on DEV Community by Harsh Patel (@harshptl14).</description>
    <link>https://dev.to/harshptl14</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F535128%2F29883915-8488-43ee-bc33-c5571edf81b1.jpg</url>
      <title>DEV Community: Harsh Patel</title>
      <link>https://dev.to/harshptl14</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/harshptl14"/>
    <language>en</language>
    <item>
      <title>Free Figma wireframe kits for your next project</title>
      <dc:creator>Harsh Patel</dc:creator>
      <pubDate>Mon, 22 Mar 2021 14:43:27 +0000</pubDate>
      <link>https://dev.to/harshptl14/free-figma-wireframe-kits-for-your-next-project-meg</link>
      <guid>https://dev.to/harshptl14/free-figma-wireframe-kits-for-your-next-project-meg</guid>
      <description>&lt;p&gt;In Creating the design, the first and one of the most important steps is prototyping. If you are not a designer, and you are working on a project which needed prototyping, then in this situation may be ready-to-use Wireframe kits are very useful. They will save a lot of time for you. And if you are a beginner, then also it will be useful for getting started. In this article, I have collected the top 5 Wireframe kits from the Figma community with which you will be satisfied.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Sanity Sketching Kit&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Everything is black&amp;amp;white and mostly outline-based. All the templates fit great into an A4/letter format. You can easily print them and play with them on paper or use them in workshops and meetings afterward.&lt;/p&gt;

&lt;p&gt;All basic components are included. container styles you can easily copy/paste to make containers, layouts, and other elements. You can also find window/grid templates to get you started. everything based on an 8px grid for easier nudging/resizing/moving around.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://www.figma.com/community/file/898186441853776318"&gt;https://www.figma.com/community/file/898186441853776318&lt;/a&gt;&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--N2C5KguJ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/n123knet1z19p2wc4pln.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--N2C5KguJ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/n123knet1z19p2wc4pln.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Greyhound Flowcharts 2&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Greyhound Flowcharts 2 comes with fully customizable ready-to-use flowcharts. There are 200+ cards in 11 categories for your web and application projects. Mobile and web both are covered in this kit. You can easily copy/paste components in your existing project where you needed.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://www.figma.com/community/file/900373866162206210"&gt;https://www.figma.com/community/file/900373866162206210&lt;/a&gt; &lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--9hYlgP1A--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kghk824wuunmkza1z83o.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--9hYlgP1A--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kghk824wuunmkza1z83o.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Figma wireframe kit&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Figma wireframe kit is full of UI elements, sections, and components for easy prototyping. These wireframing templates are low fidelity, made for brainstorming and planning your designs. If you want to speed up your wireframing in Figma, this kit is here to help you save time throughout your creative process. Create fast, modern, responsive prototypes using a Bootstrap grid and premade, editable components to build your layouts.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://www.figma.com/community/file/809483562248762502"&gt;https://www.figma.com/community/file/809483562248762502&lt;/a&gt;&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--d2rK80V5--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yldt1rav6a70lnpiai5s.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--d2rK80V5--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yldt1rav6a70lnpiai5s.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Sketchy Wireframes&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;A simple kit for mocking up applications and websites. Free yourself from pixel perfection and use this kit to quickly mock up your ideas. Build up your own components from the primitives provided (lines &amp;amp; rectangles) to create anything!&lt;/p&gt;

&lt;p&gt;&lt;a href="https://www.figma.com/community/file/820762933996665437"&gt;https://www.figma.com/community/file/820762933996665437&lt;/a&gt;&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--gA2grylX--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xmqcjyuiwu8eu82kj5bi.PNG" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--gA2grylX--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xmqcjyuiwu8eu82kj5bi.PNG" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;MPS Wireframe Toolkit &lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;The MPS Wifreframe Toolkit is a complete collection of elements and a system to create rapidly consistent wireframes. With over 50 handmade elements in a minimal style so you can focus completely on the UX for a website, webshop, or app.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://www.figma.com/community/file/877360315674687828"&gt;https://www.figma.com/community/file/877360315674687828&lt;/a&gt;&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--0nQmM56u--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bbyvhrmzkfpsfohlnqdv.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--0nQmM56u--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bbyvhrmzkfpsfohlnqdv.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;I hope that this article helped you and made your workflow much easier and faster. If you liked the content, do check out my social media. I will try to write more useful articles to help you in every aspect. Good luck fellows!&lt;/p&gt;

&lt;p&gt;Thank You, Happy Hacking!!&lt;/p&gt;

</description>
      <category>figma</category>
      <category>design</category>
    </item>
  </channel>
</rss>
