Figma designs, your codebase's conventions, production-ready output.

Generated · UserCard.tsx

export function UserCard({ user }) {
  return (
    <Card>
      <Avatar src={user.avatar} />
      <Stack>
        <Heading>{user.name}</Heading>
        <Text>{user.bio}</Text>
      </Stack>
      <Button variant="primary">Follow</Button>
    </Card>
  );
}