Design beautiful websites and apps faster than ever

Use carefully crafted components and Sketch best practices combined into a most powerful web design system, that will supercharge your design workflow.

Download DemoBuy Full Version

🔥 Version 1.7.1 requires Sketch 48+

🎄 Use coupon code: frames17 to get 20% OFF
Style Guide

Design for confidence using consistency

Use Frames toolkit to unlock hidden potential and discover techniques that will save you hundreds of hours on every next project making full use of latest Sketch features.

116 Layouts in 12 Categories

Frames include collection of pre-designed layouts sorted into most popular web categories that are ready to be used as working material for kick starting a new project in seconds.

Preview in Sketch Cloud
Web UI Kit

Advanced components

Frames contains a set of 32 Charts + Table components that can be easily customized, resized and reused so you can focus on working with data instead of vector points.

Web UI Kit

Sync, share and collaborate.

Share and keep the Sketch library up to date with your colleagues, or simply use UI kit screens to quickly build prototypes with popular online tools like Invision or Marvel.

Design system manager

Why use Frames?

Customize

Lightweight structure that is easy to customize

Sketch

Helpful to get started working with Sketch app

Fonts

Two typography systems: Roboto and Muli

Grid

Made with Bootstrap in mind and 1140px grid

Share

Easy to share and export to Web apps

Time saver

Save up to 60% of time working in Sketch

Updates

Constantly growing and updatable toolkit

Learn

Learn from the best practices and techniques

Simple pricing

Pay once, get free updates forever.

personal

For personal use

$48
  • Auto updatable style guide
  • 116 Web layouts
  • 160+ Smart components
  • 110 Material like icons
  • 32 Flexible charts
  • 330+ Shared text & layer styles
team

For team use

from $94
  • Auto updatable style guide
  • 116 Web layouts
  • 160+ Smart components
  • 110 Material like icons
  • 32 Flexible charts
  • 330+ Shared text & layer styles
🛠 So there are updates?

We send email notifications and tweet when the new version is released, also, see the Version History log. If you already bought Frames just go to the Product page and download the latest version.

💸 How to get a discount?

You can get a 50% discount on all product, if you are a student or a teacher, to enroll for an educational discount just e-mail us any proof of your occupation.