amplify-studio icon indicating copy to clipboard operation
amplify-studio copied to clipboard

Figma font family is not synced to Amplify

Open ghost opened this issue 3 years ago • 12 comments

Before opening, please confirm:

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

ghost avatar Apr 21 '22 10:04 ghost

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

kpranoto-aws avatar Apr 21 '22 19:04 kpranoto-aws

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.

ghost avatar Apr 22 '22 07:04 ghost

@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/

kpranoto-aws avatar Apr 22 '22 15:04 kpranoto-aws

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

sofian-ysf avatar Jul 17 '22 22:07 sofian-ysf

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

colebatchd avatar Oct 28 '22 12:10 colebatchd

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

AourpallyNikhil avatar Jan 09 '23 23:01 AourpallyNikhil

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

michael-newman avatar Feb 06 '23 13:02 michael-newman

Do we have an update on this?

sta-vanger avatar May 29 '23 17:05 sta-vanger

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.

Antoni0Stark avatar Mar 27 '24 23:03 Antoni0Stark

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

arigus avatar Apr 08 '24 04:04 arigus

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

wDutton avatar Jun 27 '24 15:06 wDutton

Unfortunately, UI Builder does not have the ability to import fonts at this time but we do have it on our list of enhancements. I don't have any timelines I can share at this time.

cwoolum avatar Jul 26 '24 19:07 cwoolum