FrontifyThe Frontify Logo

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
loading Player...

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
loading Player...

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
loading Player...

Publisher - Enable Everyone to Create On-Brand Collateral

In this video, we'll explain how to:

  • Upload designs to the Template Library from Sketch or InDesign
  • Set up custom edit locks for your templates that help template users align with brand guidelines
  • Create new publications for digital or print designs based on your templates
  • Edit templates to fit specific needs and in accordance with the boundaries set by the designer
  • Download or order print versions of these designs and use them wherever you might need them
loading Player...

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
loading Player...

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
loading Player...

UI Patterns – Reusable Code At Your Fingertips

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
loading Player...

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
loading Player...

Frontify Plugin for Adobe XD – Seamless Access to Brand Assets

In this video, we'll explain how to:

  • Install the Frontify plugin in Adobe XD to integrate your brand assets with the native XD design environment
  • Access and apply your brand colors and text styles
  • Connect icon files and all logo variants
  • Pull images from your Media Library
  • Update assets in Frontify and see changes in XD immediately in real-time
loading Player...

Inspect Mode – Streamline The Design-To-Development Handover

In this video, we'll explain how to:

  • Push Artboards with the Sketch plugin to Frontify
  • Access Inspect in the workspace, reveal how the UI looks, and show the way different layers can be measured against each other and the Artboard itself
  • Visualize the various layer types and their measurements in the Information panel
  • Copy codes for specific components and download assets
  • Audit artboards and check colors and fonts against your Guidelines
loading Player...