Goby
Figma compatible
Designed at Paralect
See deeper with a highly customizable UI kit.
Not just
another UI kit
Flexible Constructor
Goby is a highly customizable set of design components.
Quick Setup
Apply many styles and manage component states quickly — all in one place.
Helpful
Follow the step by step tutorial to complete the perfect design layout for your brand.
Free for All
We all want to use lovely products, so feel free to use and share Goby with your friends.
What's inside
Section
Section
Section
Section
Section
Typography
Headers
Paragraphs
Lists
Links
Forms
Basic Elements
Inputs
Buttons
Search
Tables
Master
Behaviour
Pagination
Filters
Navigation
Drawer
Top Bar
Tabs
Bread Crumbs
Icons
Avatars
Navigation, Categories
Arrows, Actions
Common
How it
works
Get going with Goby in a few clicks. Follow the step-by-step instructions below to begin making your completely custom design component library.
Download Goby and Open it in Figma
Set Stylebase
Set Frame Styles
Set Effects
Change Icons
Adjust Spaces
• Identify Symbols
• Colors
• Font Styles
One point management. Goby gives you the power to edit the following aspects of all Goby components from one point.
• Colors
• Font Styles
• Frame Styles
• Effects
• States
• Spaces
Easy for Development
Make your developers happy using Anatomy Components
Show Anatomy of Components
Goby is full of useful size components that help you show the anatomy of any object — height, weight, inner space, etc.
It's not always easy for developers to figure out spacing in complex objects. Goby makes it simple to outline exact bounds and that makes everyone's life easier.
Show Bounds of Complex Elements
Adaptive design is a must for all products. But for developers it's not always obvious how objects will behave in resizing. Goby lets you show it clearly from the start!
Describe Size Calculations
Add Comments to Clarify
When symbos are simply not enough — just clarify a design with words! Use Goby's comment symbol to add notes to any object.
What You Get
Resizable Components
All components have constraints and have been tested already so there will be no bugs when resizing them.
Icons Sets
Goby comes with a bunch popular icons so you can find the perfect ones to match any of your ideas.
Auto-updatable Style Guide
All your elements are located in your Style Guide. So any changes you make to your object there will automatically update all of its copies!
The Goby tutorial will help you figure out how to set up the UI Kit. Get started quickly and enjoy your journey to seeing deeper with Goby.
Tutorial
Need design
for your project?
Contact us.
We will make it quickly.
Designed at Paralect
© 2020 Paralect, Inc
Made on
Tilda