File | Date | Author | Commit |
---|---|---|---|
FigmaConvertAndroidXml | 2023-05-07 |
![]() |
[31bb9d] update fix |
FigmaConvertXib | 2023-05-07 |
![]() |
[31bb9d] update fix |
FigmaConvertXib.xcodeproj | 2023-05-07 |
![]() |
[31bb9d] update fix |
README.md | 2022-06-04 |
![]() |
[c0a813] Update README.md |
logo.png | 2020-08-03 |
![]() |
[1682d6] add logo source tree |
FigmaConvertXib is a tool for exporting design elements from Figma and generating file to a projects
.Xib iOS Xcode
/ .Xml Android-Studio
.
Each step of generation is using the following base parameters:
- accessToken
: an access token string that is needed to execute Figma API requests (see Figma access token).
- project id
: URL of a Figma file, which data will be used to generate code (see Figma file).
Authorization is required to receive Figma files.
The authorization is implemented by transferring a personal access token.
This token could be created in a few simple steps:
1. Open account settings in Figma.
2. Press "Create a new personal access token" button in the "Personal Access Tokens" section.
3. Enter a description for the token (for instance, "FigmaConvertXib").
4. Copy the created token to the clipboard.
Then Compile / Run
the project FigmaConvertXib.xcodeproj
and paste the received access Token in the accessToken field. It is enough to define it only in the base section if this token allows access to all Figma files, which appear in the configuration.
Open the URL figma project, and copy its project-id
Then open the application, click button-plus, and paste the received project-id
FigmaConvertXib.xcodeproj
/ Figma / Xib / result_ios.xib
FigmaConvertAndroidXml
/ app / res / layout / result_android.xml
In order to export vector-icons in Figma, уou need to select vector layers
and click create component
.
Will begin downloading images.
- / Figma / Xib / images.xcassets
- / app / res / drawable
In .xib .xml it will be generated into an ImageView
motionrustam@gmail.com 📩| mrustaa FEBRUARY 2021
FigmaConvertXib is available under the MIT license. See the LICENSE file for more info.