Components & Symbols
Reusable components and Symbols let you build faster and keep your project consistent.
What are components?
Reusable combinations of elements you can save once and drop into any project — including interactive ones built on your framework.
Project components
The Components sub-pane: previewing, zooming, renaming, inserting and removing the components in your project.
Working with prebuilt components
Add a framework component from the CoffeeCup library to your project, and understand the classes it arrives with.
Creating custom components
Save a selection from your project as a component, name it, and push it to your library for use in other projects.
Symbols — one global component, shared by every page
A Symbol is a global component: one shared definition, reused across your whole project, so editing it on any page updates every page at once.
Exporting pages to other projects
The Component Library can hold entire pages, letting you move a whole layout from one project into another.