Skip to content

More information on how to copy layout and styles #23

@csiqueirasilva

Description

@csiqueirasilva

Hello. I'm new to Figma and ive been following as closely as I can the documentation in this repository to get figma code connect working. Some stuff is great, but there's something i was not able to figure out:

When i click some of the exambles in the figma and use the visual studio plugin, two boxes appear: LAYOUT and STYLE:

Image

What am I supposed to do with those? Create a div and add those CSS styles to it? Or nothing at all? When doing nothing it seems im breaking something - is this just because the components arent 1:1 (check the icons picture - dont think this is a problem, but should be clarified for starters like myself)

(first image from figma, icons rendered)
Image

(second image after cloning the repository, and running the application, the icons are texts)
Image

Also, when clicking a nested component that has some code from code connect, the layout and style appear again. Should I do anything?

Image

So to summarize, this issue is regarding more documentation on the topics above, specially targeting people who never used figma.

Background: currently a lot of value can be perceived from this tool in our company, but we need more fully working samples to try to get the design team on board.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions