Front-End Web & Mobile

Tag: Figma

TUTORIAL: Build a responsive pricing component with Amplify Studio Figma-to-React code

Contending with different screen sizes is something every front-end or full-stack developer has to handle, one way or another. Modern applications are not just expected to be functional across devices – users except an elegant, quality experience, from a phone screen to a 40“ ultrawide monitor. In this tutorial, you’ll learn how to leverage Figma’s […]

Figma-to-code component changing variant based on screen size

NEW: Build responsive Figma-to-React components with almost no code

Amplify Studio is excited to announce significant enhancements to responsive component design through Figma-to-Code! Just build your variants and customize your breakpoints – Amplify Studio does the heavy lifting by generating React components with your design decisions already built in. How it works Modern application design requires developers to design for all different screen sizes. […]

Featured image for nested collections

NEW: Generate React UI components with nested list data from Figma designs using Amplify Studio

This blog post was written by Wesley Peck, Senior Product Manager – Technical at AWS Amplify. Component Slots are a new feature in Amplify Studio that allows you to customize the content of components from your UI Library. If you haven’t read through our previous posts in this series, take a look to learn how […]

Blog banner for Component Slot feature launch

Introducing Component Slots for Figma-to-React code in Amplify Studio

This blog post was written by Wesley Peck, Senior Product Manager – Technical at AWS Amplify. AWS Amplify Studio is excited to announce a new feature for the Amplify Studio UI Library called “Component Slots”! Component Slots allow you to pass React components or any JSX elements as children of a component generated by Figma. […]

Write Your Own Code with AWS Amplify Studio

AWS Amplify Studio enables developers to go from Figma designs to pixel-perfect React components. Since it’s built for developers, the code is one of the most important parts of the story. In this post, we’ll go through the ways you can write your own code combined with Amplify Studio-generated components. If you’re new to Amplify […]