Training Videos

Sometimes, we could all use a nudge in the right direction. With a multi-functional platform like ours, knowing where to start can be tricky. With these video tutorials, we hope you'll pick up new ways to make the most of our software.

Style Guide – Interactive Manuals to Stay On-Brand

In this video, we'll explain how to:

  • Get familiar with the Frontify environment
  • Set up your brand with Style Guide and Cover page
  • Create your brand introduction (identity and principles)
  • Define your basics (brand, colors, typography, etc.) using our smart blocks
  • Work on your visual language (photography, video, etc.)
  • Share your guidelines with team members or create a public link

Workspace - Interdisciplinary Collaboration Platform

In this video, we'll explain how to:

  • Organize your projects with fully customizable smart-folder structures
  • Ask stakeholders for feedback or asset approval
  • Set deadlines and notify co-workers or teams automatically
  • Coordinate projects in a workflow with the Kanban-board based system
  • Transform static screens into prototypes

Media Library – One Place for Every Digital Asset

In this video, we'll explain how to:

  • Organize your media assets in one dedicated library
  • Set up collections, folders, and statuses
  • Discover our asset protection and lifecycle options
  • Activate auto-tagging to generate new tags for your assets
  • Learn about the filters and facets
  • Download options for assets

Icon Library - Work With Your Icons in a Dedicated Library

In this video, we'll explain how to:

  • Gather, create, organize, and manage all your icons in a centralized space
  • Upload icons in multiple formats, preview them on different backgrounds, and change colors
  • Create collections
  • Share icons with your stakeholders
  • Retrieve your brand colors from the Style Guide, or add your icons to the Style Guide

Pattern Library – Design System for Digital Efficiency

In this video, we'll explain how to:

  • Utilize the Frontify API and its documentation
  • Create a dedicated Pattern Library
  • Get to know the Pattern Library SDK
  • List and document UI patterns in your Style Guide
  • Sync your patterns and assets using a JSON file
  • Add internal or external resources

UI Patterns – Design System for Digital Efficiency

In this video, we'll explain how to:

  • Organize patterns based on the atomic design principle
  • Add your patterns with the UI pattern block
  • Create new – or insert existing – UI patterns
  • Add external resources, such as Bootstrap
  • Toggle breakpoints and adjust them to your needs
  • Make use of the developer package block

Sketch Integration - Streamline Your Design Workflow

In this video, we'll explain how to:

  • Open source files stored within Frontify in Sketch
  • Share files with version control
  • Invite team members to give feedback and review work
  • Upload artboards to different folders in your Frontify Workspace