Figma font family is not synced to Amplify

ghost commented 2 years ago

Before opening, please confirm:

[X] I have searched for duplicate or closed issues.
[X] I have read the guide for submitting bug reports.
[X] I have done my best to include a minimal, self-contained set of instructions for consistently reproducing the issue.

App Id

https://eu-central-1.console.aws.amazon.com/amplify/home?region=eu-central-1#/d3n0l36napjji5

Region

eu-central-1

Environment name

staging

Amplify CLI Version

No response

If applicable, what version of Node.js are you using?

No response

What operating system are you using?

Windows

Browser type?

Edge

Describe the bug

The font type in Figma does not sync to Amplify. I tried both Abel and Barlow in my Figma file, and either way the text looks kind of like Times New Roman in Amplify. This issue was not there before Easter, and I have not opened or changed my Figma file or Amplify app in the meantime.

Expected behavior

Font type in components is transferred from Figma to Amplify.

Reproduction steps

Create component in Figma and sync to Amplify. Notice the font type.

Additional information

No response

kpranoto-aws commented 2 years ago

Hi @layqnovo, can you confirm that you are using our latest UI Kit Figma file?

ghost commented 2 years ago

No, I'm using my own Figma file with my own custom made components. I have from the beginning and there didn't use to be a problem.

kpranoto-aws commented 2 years ago

@layqnovo Unfortunately we don't officially support using your own FIgma file to be imported into UI Library. The UI Kit Figma file is made in such a way so that it can be duplicated for you to modify and use, and it provides the best experience when using Amplify UI Library. The documentation on how to use the UI Library and UI Kit file can be found here https://docs.amplify.aws/console/tutorial/buildui/

sofian-ysf commented 2 years ago

Hello, even using the latest UI kit, this problem persists. The font on figma does not sync with Amplify studio.

colebatchd commented 1 year ago

I'm finding the same thing trying to use Font Awesome.

AourpallyNikhil commented 1 year ago

I have seen a similar issue as above; the font doesn't get synced. @edwardfoyle :)

michael-newman commented 1 year ago

any suggestions on how to sync the Figma font with Amplify studio?

sta-vanger commented 1 year ago

Do we have an update on this?

Antoni0Stark commented 3 months ago

This seems to be an issue still, any solutions ? Not sure how to get my figma font into amplify studio. There does not seem to be font options in the UI builder. New to all this.

arigus commented 3 months ago

in my case: font looks okay in Amplify studio, but it will be changed to Times like font on application running.

wDutton commented 3 weeks ago

Any update on this? I am facing the same issue, and have found nothing regarding it in documentation

aws-amplify / amplify-studio