简体中文
English
Website review
This review may include AI-generated content and is not individually verified. Domain, certificate and other facts come from the observed data on this page.
What is DrawKit?
DrawKit is a library of hand-drawn 2D and 3D illustrations, icons and animations for use in websites, apps and other design projects. Its own description emphasises vector SVG files that need no attribution, plus extras such as Lottie animations, mockups and Figma plugins. In practice, it works as a browse-and-download resource: you pick a themed pack, open the collection, and use the assets in your own product or marketing work.
What you'll find there
- Illustration packs grouped by theme, for example AI & Futurism, Company Teamwork, Education Stickers, Transport & Travel, Landscape & Scenery, Online Shopping, and Economy & Finance.
- A mix of free and "Pro" packs, with collections ranging from roughly 10 to 200 illustrations.
- Multiple file formats per collection, and some packs include animations alongside static vectors.
- A sign-up prompt to save favourites, which suggests an account is useful for organising picks rather than just downloading.
Who it suits
- Product and marketing designers who need a consistent illustration style without commissioning artwork.
- Startup and indie teams filling landing pages, onboarding screens, empty states or blog posts quickly.
- Presentation and content creators who want visuals that look hand-drawn rather than corporate stock.
Free vs Pro: the trade-off
| Free packs | Pro packs | |
|---|---|---|
| Cost | No payment implied | Paid plans exist |
| Selection | A smaller subset of themes | Larger, more specialised collections |
| Best for | Testing the style, small projects | Ongoing product work needing variety |
The realistic decision criterion is style fit first, licence second. If you only need a handful of images, the free packs are enough to judge whether the hand-drawn look matches your brand. If you are building a design system and need many related scenes, the Pro packs are the more practical route.
A useful next step: open one free pack that matches your current project, download a single SVG, and drop it into your actual layout before deciding whether to go further. Seeing it next to your real typography and colours tells you more than browsing the gallery.
How do I choose the right illustration pack for my project?
Start with the job the illustration must do, not with the style you like most. On DrawKit, packs are organized by subject and format, so the fastest way to choose is to match a pack to your screen, audience and file needs.
A practical selection order
- Define the scene before browsing. Write down the 3–5 concepts your project must show, such as teamwork, finance, travel or AI. DrawKit's catalogue makes this easy to scan because packs are labelled by theme, for example Company Teamwork, Economy & Finance, AI & Futurism, and Transport & Travel.
- Check the format against your build. Decide whether you need static vector illustrations, icons, 3D assets, Lottie animations or mockups. A pack that includes animation is useful for onboarding or empty states; a static vector pack is usually enough for a landing page or slide deck.
- Check the count and scene coverage. A pack of 10 focused illustrations may cover a single campaign better than a 200-asset pack with 15 premade scenes. Larger packs reward teams that need many related images across a product.
- Decide free versus Pro by usage, not by budget alone. Free packs are a sensible test for a personal project, a prototype or a small site. Pro packs make more sense when you need a consistent visual system across many pages, or when the subject you need only exists in the Pro library.
- Test consistency across the set. Place three illustrations from the same pack next to your UI, your brand colours and your typography. If the line weight, grain and character style still look coherent, the pack will hold up as your project grows.
A quick comparison
| Situation | Better starting point | Why |
|---|---|---|
| One landing page or pitch deck | A small free themed pack | Low commitment, enough images for a few sections |
| Multi-page product or app | A larger Pro pack with premade scenes | More coverage and a consistent look across screens |
| Motion or interactive UI | A pack that includes animations | Avoids mixing static art with unrelated motion assets |
| Broad subject with many subtopics | A large pack such as Isotopia | One style can cover many different scenes |
Where people get this wrong
The common mistake is choosing a pack because one illustration looks striking, then discovering the rest of the set does not fit the product. A reader building a fintech dashboard, for example, should start with Economy & Finance rather than a general people pack, because the subject match matters more than a single attractive image. Similarly, a team building an AI feature should check AI & Futurism before assembling assets from several unrelated packs.
If you are still unsure, pick two candidate packs and place one image from each into a real screen. The pack that needs the least editing to fit your layout and message is the right one. You can browse the options at DrawKit.
Is DrawKit free to use and what are the restrictions?
DrawKit is free to start with, but it is not an entirely free library. The site mixes free packs with Pro packs, and the free ones are usable without attribution.
What "free" means here
- Free packs are marked "Free Pack" on the collection listings — for example, the Economy & Finance, Landscape & Scenery, Influencers & Content Creators, Online Shopping, and Transport & Travel sets.
- The site states that no attribution is required for the vector SVG illustrations it offers.
- You can browse without an account, but saving favourites requires signing up.
What is restricted or paid
- Pro packs are the larger, more specialised collections — Laboratorium, Jane, Isotopia, Education Stickers, AI & Futurism, and Company Teamwork are all listed as Pro.
- Pricing and licence terms sit behind the plans page, so check the current licence text there before commercial use rather than assuming the free terms extend to Pro assets.
- Free does not mean unrestricted in every context: file formats, editing rights and redistribution rules can differ per pack, so confirm the terms attached to the specific pack you download.
Choosing between free and Pro
| Your situation | Sensible starting point |
|---|---|
| One-off landing page, blog post or student project | Free packs are usually enough |
| Need a consistent set across many screens | Pro packs, which group larger themed collections |
| Want animations, 3D or mockups | Check the Pro listings, since these are not the core of the free sets |
| Commercial client work with strict legal review | Read the licence on DrawKit before downloading |
Next step
Pick the pack that matches your subject first, then check whether it carries a Free or Pro label before you build it into a design. If you need a fallback for gaps, unDraw and Storyset offer comparable free illustration styles with their own licence terms, which is useful when a DrawKit pack does not cover a topic.
How can I use DrawKit illustrations in Figma?
DrawKit is built around vector SVG assets, and its own page lists a Figma plugin among its offerings — so the intended workflow is to bring illustrations into Figma as editable vectors rather than as flat screenshots.
Practical ways to work with it in Figma
- Plugin route: Search "DrawKit" in Figma's plugin browser, insert an illustration, and it typically lands as a frame or group of vector layers. This is the fastest path for a single hero image or empty-state graphic.
- SVG download route: Download the SVG from the site, then drag it onto the canvas or use File → Place image. SVG stays resolution-independent and keeps editable shapes, so you can recolour, delete elements or swap parts.
- Component library route: If you use the same packs repeatedly across a design system, paste each illustration into a Figma component and publish it to a team library. Designers then pull consistent artwork instead of hunting for files.
What to expect once it's in Figma
| Task | Usually straightforward | Usually needs extra work |
|---|---|---|
| Recolouring flat shapes | Yes — change fill on individual layers | Gradients and grain/texture effects may be baked in |
| Resizing | Yes, vector scales cleanly | Strokes may need "scale stroke" checked |
| Editing composition | Moving, hiding or duplicating elements | Complex grouped scenes can have deeply nested layers |
| Animation | Not in Figma itself | Lottie files need a separate tool such as After Effects or a Lottie player |
A concrete scenario: you're designing onboarding screens for a finance app and need a "savings" visual. Insert the Economy & Finance pack illustration via the plugin, ungroup it, recolour the accent shapes to your brand palette, and drop it into a component so all three onboarding frames stay consistent.
Before you commit to a pack, check the licence terms on the collection page and confirm the file formats listed for that pack — some include Lottie animations alongside SVG, others don't. If your team already keeps assets in a shared library, decide up front whether DrawKit files live there or stay as one-off downloads; mixing both quickly leads to duplicated artwork. The site's own plans page at DrawKit is the place to check what free versus Pro access covers.
What file formats are available for the illustrations?
DrawKit's illustrations are offered as vector files, with SVG named as the core format on the site and additional formats listed per collection. The exact set varies by pack, so the reliable way to confirm it is to open a collection and check its own "File Formats" listing before you commit.
What the page supports
- The site's own description states "Free and premium vector SVG illustrations," so SVG is the baseline format across the library.
- Individual collection cards include a "File Formats" field, meaning each pack can differ — some packs list more than one format, and animated packs are a separate case.
- Animation appears as Lottie in at least one pack (Education Stickers, which pairs vector illustrations with 5 Lottie animations), so motion assets are not delivered as static SVG alone.
Practical implications
| If you need | SVG is usually the right pick because | Watch out for |
|---|---|---|
| Editing colours, shapes, scale in Figma, Illustrator or Sketch | Vector paths stay sharp at any size and remain editable | Some files are grouped or flattened, so expect to ungroup before recolouring |
| Web or app use | SVG loads small and scales cleanly on different screens | Inline SVG needs tidy IDs to avoid conflicts when several icons sit on one page |
| Motion | Lottie covers animated packs | Lottie is not editable the same way as SVG; treat it as a separate workflow |
| Print or raster-only tools | You can export PNG or JPG from the vector yourself | Rasterising loses editability, so keep the original SVG |
How to decide
Pick your pack by the "File Formats" line on its collection page rather than assuming every download is identical. If your project is a product UI, start from an SVG-based pack and export raster copies only for places that demand them, such as email templates or slide decks. If your project needs motion, check whether the pack includes Lottie before choosing it.
Next step
Open a candidate collection, read its File Formats field, and download one free pack first — the free packs (Economy & Finance, Landscape & Scenery, Influencers & Content Creators, Online Shopping) let you test the SVG structure in your own editor before deciding whether a Pro pack is worth it. For a broader set of sources, compare with unDraw or Icons8.
Do I need to provide attribution when using DrawKit illustrations?
No. DrawKit states that its vector SVG illustrations can be used without attribution, and the free packs are labeled "Free" with the same no-attribution positioning. That makes it a practical option when you want to drop artwork into a client deck, landing page or app screen without adding a credit line.
What this means in practice
- You can place illustrations in commercial or personal projects without a visible "Illustration by DrawKit" caption.
- You still cannot claim authorship of the artwork itself or resell the files as your own asset library.
- The free and Pro packs are mixed together on the site, so check each collection badge before assuming a given pack is free.
A quick decision rule
| Your situation | What to check |
|---|---|
| You need images for a client project and want no credit line | Free packs work; confirm the collection is marked Free |
| You want a specific style, such as 3D, animation or a niche topic | Pro packs may be the only match; review the plan terms |
| You plan to redistribute the files as templates or assets | Don't; no-attribution does not mean resale rights |
Next step
If you are building a small set, start with the free collections such as Economy & Finance, Landscape & Scenery or Online Shopping, then note the collection name and license page for your project records. If you need a consistent visual system across many screens, compare the free packs with DrawKit Pro options on the plans page before mixing sources.
GoDaddy
Cloudflare
Google Workspace
User reviews (0)