Design and layout

Learn the basics of navigating your way around the editor and using the drawing and layout tools.

Bradley avatar Ben Pujji avatar Grant Robinson avatar +3
16 articles in this collection
Written by Bradley, Ben Pujji, and Grant Robinson and 3 others

Design basics

A quick guide on layers, page canvas and keyboard shortcuts
Bradley avatar
Written by Bradley
Updated over a week ago

Importing assets

Bringing your existing designs into Atomic
Bradley avatar
Written by Bradley
Updated over a week ago

Sketch plugin

Sync designs from Sketch with Atomic
Ben Pujji avatar
Written by Ben Pujji
Updated over a week ago

Syncing Sketch Symbols with Atomic Components

Sync your Sketch Symbols to Atomic Components
Grant Robinson avatar
Written by Grant Robinson
Updated over a week ago

Embedding videos, maps, audio and other media

How to embed videos, maps, sound and other media into your prototype
Grant Robinson avatar
Written by Grant Robinson
Updated over a week ago

Masking

Creating masks via containers
Emory Fierlinger avatar
Written by Emory Fierlinger
Updated over a week ago

Icon fonts and typefaces

Using FontAwesome and Google Material icons in your prototype
Bradley avatar
Written by Bradley
Updated over a week ago

Version Control

Using the history slider to create versions
Ross Kettle avatar
Written by Ross Kettle
Updated over a week ago

Exporting

How to export your prototypes
Ben Pujji avatar
Written by Ben Pujji
Updated over a week ago

Replace an image

How to replace images in your prototype
Bradley avatar
Written by Bradley
Updated over a week ago

Form elements

How to use text inputs, text areas and dropdown menus
Bradley avatar
Written by Bradley
Updated over a week ago

GIFs & Multimedia files

How Atomic supports GIFs and multimedia files
Mariana avatar
Written by Mariana
Updated over a week ago

Custom fonts

Adding custom webfonts to your project
Grant Robinson avatar
Written by Grant Robinson
Updated over a week ago

Custom CSS

Possibilities and limitations of the Custom CSS panel, such as gradients, altering the radius, and adding shapes like triangles
Ross Kettle avatar
Written by Ross Kettle
Updated over a week ago

Using data in your prototypes

Using custom data in your prototypes
Grant Robinson avatar
Written by Grant Robinson
Updated over a week ago

Figma integration

Sync designs from Figma with Atomic
Bradley avatar
Written by Bradley
Updated over a week ago