• Skip to main content

Rafal Tomal

Learn Design and Create Better Websites

  • About
  • Courses
  • Tools
  • Tips
  • Blog
  • Contact
  • Work With Me →

Design Tools

DesignKit

DesignKit – Design Better and Faster in Figma

Last update: October 2021

Create simple website wireframes and turn them into complete mockups in minutes. This is your all-in-one tool for Figma: wireframe kit, web style guide, and design starter template.

Learn More

Already purchased? Log in here

QuickFrames

QuickFrames – Sitemaps and Userflows Made Simple

Last update: April 2021

QuickFrames is not just another tool for Figma. It’s a method to better create a plan for your website project, displaying it in a way so it’s easy for everyone to understand.

Learn More

Already purchased? Log in here

Free Web Style Guide and Starter Template for Sketch

Free Web Style Guide and Starter Template for Sketch

Last update: September 2018

A basic web style guide template for Sketch with starter templates and predefined grid for desktop, tablet, and mobile screens. It’s a good base to start off your next design project. Customize it according to your own preferences. Use it for both personal and commercial projects.

– Typography style guide
– Brand colors
– Basic UI elements
– Desktop, tablet, and mobile artboards
– Sketch (.sketch) file included

Enter your email address below to sign up to my newsletter and access all free resources.

Free Web Style Guide and Starter Template for Photoshop

Free Web Style Guide and Starter Template for Photoshop

Last update: January 2016

A basic web style guide template for Adobe Photoshop with starter templates and predefined grid for desktop, tablet, and mobile screens. It’s a good base to start off your next design project. Customize it according to your own preferences. Use it for both personal and commercial projects.

– Typography style guide
– Brand colors
– Desktop, tablet, and mobile artboards
– Sample layer folder structure
– Adobe Photoshop (.psd) file included

Enter your email address below to sign up to my newsletter and access all free resources.

Free Wireframe Kit for Photoshop

Free Wireframe Kit for Photoshop

Last update: January 2015

A simple wireframe kit for Adobe Photoshop with predefined elements for images, videos, forms, text, banners, navigation, and sample UI elements. Customize it according to your own preferences. Use it for both personal and commercial projects.

– Adobe Photoshop (.psd) file included

Enter your email address below to sign up to my newsletter and access all free resources.

© Copyright 2008 - 2023 Rafal Tomal.

Affiliate Program . Privacy Policy . Cookie Policy . License .

Follow me on Twitter, Dribbble, and Instagram.

DISCLOSURE: I may be an affiliate for products that I recommend. If you purchase those items through my links I will earn a commission. You will not pay more when buying a product through my link. It helps me to continue to offer you lots of free stuff. Thank you, in advance for your support!