Skip to content

Added new kb article missing-figma-support-for-blazor-ui #3782

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
kendo-bot wants to merge 1 commit into from
Closed

Added new kb article missing-figma-support-for-blazor-ui #3782

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
53 changes: 53 additions & 0 deletions knowledge-base/missing-figma-support-for-blazor-ui.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,53 @@
```markdown
---
title: Adding Figma Design Support for UI for Blazor Components
description: Learn how to integrate Figma design support for UI for Blazor components for consistent design and development workflows.
type: how-to
page_title: How to Add Figma Design Support for UI for Blazor
meta_title: Adding Figma Design Support for UI for Blazor
slug: adding-figma-design-support-blazor
tags: ui-for-blazor, figma, design-integration
res_type: kb
---

## Environment
<table>
<tbody>
<tr>
<td> Product </td>
<td> UI for Blazor </td>
</tr>
<tr>
<td> Version </td>
<td> Current </td>
</tr>
</tbody>
</table>

## Description

I want to integrate Figma design support for UI for Blazor components to align the design system between development and design teams. This includes ensuring that designers and developers work with consistent design elements for better collaboration and faster delivery.

This knowledge base article also answers the following questions:
- How can I add Figma support for UI for Blazor components?
- Is there a design kit for UI for Blazor in Figma?
- How to align Figma designs with Blazor components?

## Solution

To add Figma support for UI for Blazor components, follow these steps:

1. Download the [Telerik and Kendo UI Kits for Figma](https://www.telerik.com/figma-ui-kits), which include design assets for UI for Blazor components.
2. Import the downloaded Figma kit into your Figma workspace:
- Open Figma and navigate to your workspace.
- Use the "Import File" option in the file menu to upload the kit.
3. Share the imported Figma design kit with your design team to ensure alignment between design and development.
4. Use the Figma design components for creating visual designs and mockups. These components match the UI for Blazor components exactly, ensuring consistency.
5. During development, reference the corresponding Blazor components in the [UI for Blazor documentation](https://docs.telerik.com/blazor-ui/introduction) to implement designs.

## See Also

- [Telerik and Kendo UI Figma Kits](https://www.telerik.com/figma-ui-kits)
- [UI for Blazor Documentation](https://docs.telerik.com/blazor-ui/introduction)
- [Design to Development Workflow with Figma and Telerik](https://www.telerik.com/blogs/design-to-development-how-to-achieve-perfect-workflow)
```
Loading