Layout & Design Workspace
Craft your project's look and layout effortlessly
25 articles
Introduction to Classes in CodeDesign
Introduction to Linked ComponentsThis article provides a comprehensive guide to effectively using the Linked Component feature in CodeDesign.ai.
Resizing an Element: A Quick Guide
Style Guides on CodeDesign
Building Style Guide from Scratch
Layers Tab Explained!
Understanding Flex Property and Flexbox in CodeDesign builder
Adding and Hiding Elements for Responsive ViewsControl Element Visibility Across Different Screen Sizes
Layout Settings
Polish your project's structure with ease
Layout Settings - Positioning
Layout Settings - Margins
Layout Settings - Display SettingsThis article presents you with the display features that CodeDesign provides
Layout Settings - Z Index
Layout Settings - PaddingThis article helps to understand what padding is and multiple ways to add padding to your elements through CodeDesign.
Adjusting Width & Height of ElementsThis article projects the CodeDesign-ways to adjust the width and height of an element.
How to Center Align Elements on Your Project
Typography
Perfect your text—font, size, style, done!
Typography Settings - General
Spacing and Aligning the Text Element
Style Settings
Amp up your project's look with easy tweaks
Style Settings - BorderLet us see how CodeDesign favors you in creating an absolute border that highlights your element.
Style Settings - Box ShadowThe use of a shadow gives an element a subtle yet poignant look. So in this article, let us see how CodeDesign aids you with a shadow.
Introducing Fonts on CodeDesign Themes(Style Guide) Panel
Link Settings
Tweak links for easy sharing and smooth navigation
Link Settings - Creating Email & Phone Links
Link Settings - Adding Links to text and other elements