In-built Features
Core Features - Built in Goodness
Shaper provides a powerful suite of tools that integrate design, development, and AI assistance to streamline your workflow. This section covers the key features that make Shaper a versatile platform for creators and developers.
1. Design
- Image Upload: Upload and integrate images directly into your designs.
- Font and Typography Editing: Customize font types, sizes, weights, and styles.
- Color Tokens: Define and apply reusable color variables across designs.
- Shadow Editing: Adjust shadows for depth and emphasis in your UI.
- Padding & Spacing: Fine-tune margins and padding for precise alignment.
- Layout Editing: Configure layouts using flex, block, and other display properties.
2. Code
- VS Code Integration: Seamlessly connect your project with VS Code.
- Built-in Integrations: Utilize VS Code extensions for linting, formatting, and debugging.
- Live Sync: Code changes reflect instantly within the design editor.
3. AI
- Inline AI Design Editing: Make minor UI adjustments quickly with AI assistance.
- AI Chat Box for Major Edits: Modify large design sections using AI suggestions.
- Dashboard AI Chat Box: Choose from pre-built templates, customize prompts, and generate designs efficiently.
4. Publishing
- One-Click Publish: Deploy your application instantly with a single click.
- Live Preview: See your application update in real-time as you make changes.
- Easy Sharing: Share your project link with team members or stakeholders.
5. Invite
- Collaborate in Real-Time: Invite teammates to design and code together.
- Access Control: Set permissions to restrict access and ensure privacy.
- Seamless Multi-User Editing: Work on the same project simultaneously without conflicts.