Upload Logo
Getting Started
Description
Sidebar navigation
Getting started
Introduction
Engineers
Designers
Prerequisites
Quick start
Getting started with the Brand SDK
What’s next?
For creatives
The Content Block
The sidebar
Core principles
Figma Design Kit
Storybook components
Additional material
Glossary
Changelog
Brand SDK Releases
Block Releases
Contact us
Terms of Use
Definitions
1. Brand SDK
2. Content Blocks
3. Feedback
4. Warranty disclaimers
5. Limitation of liability
6. Developer’s warranties
7. Indemnification
8. Term and termination
9. Confidentiality
10. Final Provisions
Details & concepts
Architecture
Why React components?
The App-Bridge
Frontify CLI
Prerequisites
Creating a new Content Block
Serving a Content Block
Authentification
Deployment of a content block
Content Blocks
Content Blocks Structure
A Basic Content Block
Getting Started With a New Content Block
Adding a Content Block to Frontify
Introducing the App Bridge
Deployment of a Content Block
Block settings
Introducing Block Settings
Settings anatomy
The Settings Type Object
Settings Block Types
Store Arbitrary Data within your Block
Setting types
Shared properties
Asset Input
Checklist
Color input
Dropdown
Input
Linkchooser
Multi input
Notification
Section heading
Segmented controls
Switch
Textarea
Settings patterns
Alignment settings
Border settings
Color settings (conditional)
Multi-input settings
Corner radius settings
Height settings
Width settings
Padding settings
Positioning settings
Block lifecycle
On Block Creation
On Block Deletion
Marketplace
Overview
What is the Frontify Marketplace
Releasing a Content Block
Create and deploy
Prerequisites
Create a Content Block
Deploy your Content Block to the Marketplace
Listing on the Marketplace
Who to involve
Required content elements
Writing a Content Block description
Adding Release Notes
Publish your Content Block
Update and maintain
Update a Content Block
Installing a Content Block
Updating/Reverting a Content Block
Uninstalling a Content Block
Marketplace Terms
1. The Marketplace
2. Your use of the Apps
3. Data processing
4. Your Responsibilities
5. Term and Termination
6. Disclaimers and limitation of liability
7. Final Provisions
Use Cases
Building a Typeform block
Tutorial
Overview
Set up your development environment
Introduction
Background knowledge
Installation guide
Account creation
Summary
Create your first Content Block
Introduction
Create a Content Block
Run your Content Block locally
Summary
Anatomy of a Content Block
Introduction
The block ↔ settings relation
A deep dive into the block
The settings file
Making the block deployable
Metadata for the Frontify Marketplace
Accept
Decline